Google Tag Manager invalid template - javascript

When I try to publish the google tag it says it is an invalid template, it is a white countdown clock with a transparent background.
<iframe src="http://free.timeanddate.com/countdown/i57ntw7m/n198/cf11/cm0/cu4/ct0/cs0/ca0/co0/cr0/ss0/cacfff/cpc000/pcfff/tcfff/fs100/szw320/szh135/iso2016-11-18T00:00:00" allowTransparency="true" frameborder="0" width="275" height="19"></iframe>

GTM does not consider "allowTransparency" to be a valid attribute. If you remove it you should be able publish your tag as custom HTML.

Related

Style an Outlook Calander embeded in a html Website

I have the following Problem:
I embeded an Outlook Calendar to my Website using an iFrame and everything looks and works as intended.
But I want to style the Calender.
How can I do so?
I want the Calander to look way simpler and remove some stuff and also I want that it only shows the current day, not the full month.
<iframe src="https://outlook.live.com/owa/calendar/00000000-0000-0000-0000-000000000000/0c153dcb-2f12-47dd-8430-827d15e3a888/cid-24879FF544F39772/index.html" scrolling="no" width="1100" height="700" frameboarder="0"></iframe>
You can't style the contents of an iframe via css.

Display PDF viewer inside the Google Apps Script Dialog

I want to display a PDF inside a Dialog of a Google Spreadsheet Add-on Dialog.
more about apps script dialog can be found here
https://developers.google.com/apps-script/guides/html/
<iframe id="iframe" src="https://www.w3docs.com/uploads/media/default/0001/01/540cb75550adf33f281f29132dddd14fded85bfc.pdf" frameborder="0" height="500px" width="100%"></iframe>
When I inspect, I see the message Resource interpreted as Document but transferred with MIME type application/pdf: "https://www.w3docs.com/uploads/media/default/0001/01/540cb75550adf33f281f29132dddd14fded85bfc.pdf".
Answer:
You can embed the Google viewer to display the PDF using an <iframe>.
Code:
<iframe src="https://docs.google.com/viewer?url=https://www.w3docs.com/uploads/media/default/0001/01/540cb75550adf33f281f29132dddd14fded85bfc.pdf&embedded=true" height="1080" width="1920"></iframe>
Just make sure to change the height and width attributes of the <iframe>.

enable embedded youtube videos "allowfullscreen" through CSS

I am using opencart 2.3 (opensource CMS, it is an eCommerce)
I have embeded youtube videos, but after adding multiple products, I noticed that "full screen" is not enabled.
From what I read, all I need to do is add the attribute "allowfullscreen" in the HTML code to something like this
<iframe width="560" height="349" src="http://www.youtube.com/embed/n_drgwergwwe" frameborder="0" allowfullscreen></iframe>
Now I found the javascript code that generates the attributes and I can add the "allowfullscreen" attribute to be generated as well for future products I add, but what do I do about all the products already created without said attribute?
Can I add this attribute through the use of CSS? I am able to change the iframe width, height, but what about the "allowfullscreen" attribute?
Anything would be helpful really.
Thanks :)

Embed Youtube with Captions on by default not working

I'm trying to embed a Youtube movie, and would like Captions to be on by default.
From https://developers.google.com/youtube/player_parameters#cc_load_policy I understand I should use cc_load_policy=1.
I use the code html code below but it doesn't seem to work. That is, it loads with the captions off (you can manually turn captions on, so the video does have captions). What am I doing wrong?
I've tried the following two options:
<iframe src="https://www.youtube-nocookie.com/embed/xxxxxx?rel=0&&showinfo=0&cc_load_policy=1" frameborder="0" allowfullscreen></iframe>
<iframe src="https://www.youtube-nocookie.com/embed/xxxxxx?rel=0&&showinfo=0" cc_load_policy="1" frameborder="0" allowfullscreen></iframe>
Try adding cc_lang_pref , you wouldn't find in the official docs. but it's required
cc_load_policy=1&cc_lang_pref=en
You can change pref. language as per the locale representation of the language you have put in the video caption

Hiding Vimeo controls and replacing with play/pause toggle button

I'm trying to follow this tutorial (http://www.cssplay.co.uk/menu/cssplay-tutorial-vimeo-hide-controls.html) but the fiddle I created with its code doesn't seem to work. I'm not sure what I'm missing.
https://jsfiddle.net/uxhxdcwp/
<div class="overlay">
<iframe src="https://player.vimeo.com/video/134945180?
api=1&player_id=video" frameborder="0" webkitallowfullscreen
mozallowfullscreen allowfullscreen id="video"></iframe>
<div class="playpause start"></div>
There are a few issues:
You have accidentally left out the closing brackets }); in your script, resulting in an unexpected end of script error
Do not load scripts using <script> tag in your fiddle. Instead, use the external resource panel. However, since the plugin is not served over a secured connection, I have placed the actual plugin code before the start of your JS.
And now it works: https://jsfiddle.net/uxhxdcwp/1/

Categories