Clickthrough function not working in Firefox with video banner

366 views
Skip to first unread message

Aron Kadar

unread,
Apr 1, 2018, 9:49:42 AM4/1/18
to Google Web Designer beta
Hey everyone,

I've been struggling to get a creative to work in Firefox for the past few hours. The banner calls for a video file from an external source and works flawlessly in Chrome and Safari. However, we can't seem to be able to click through it in Firefox - doing so simply pauses the video.

Below are two versions of the file. (Couldn't post with them in attachment.) The simple one is just an html that calls in the js files from an external source. It works as intended in Chrome, but cannot be clicked through in Firefox. The second one is a version I made where I use a tap area to redirect the user. Again, it works fine in Chrome, but does not even load in Firefox.


In case anyone is wondering, I have changed the transform-style parameter to "flat", as suggested on many other threads. (Apparently it helps with the tap area issue in Firefox.)

If anyone has a hunch as to why the creatives do not work in Firefox, please let me know, would be much appreciated!

Devendra Kumar

unread,
Apr 2, 2018, 1:17:17 AM4/2/18
to Google Web Designer beta
HI  dear,

you have to write flat in place of 3d view in banner page, and save and close then open it will  work fine.

Aron Kadar

unread,
Apr 2, 2018, 5:28:52 AM4/2/18
to Google Web Designer beta
Hi Devendra,
As I stated it in my post above, I tried that already and it didn't help.

Sukhbir Kaur

unread,
Apr 2, 2018, 8:03:22 PM4/2/18
to Google Web Designer beta
Hi Aron,

It seems that your file have  generic-ad and a double-click ad nodes.Did you copy /pasted code to convert to different environment?

Please see the attached fixed  taparea file.

Thanks
Sukhbir
(Google Web Designer Team)
dk640x360_taparea_fixed.html

Devendra Kumar

unread,
Apr 3, 2018, 1:41:58 AM4/3/18
to Google Web Designer beta
mozilla issue click through

transform-style: flat;

. Go to the Code View in GWD
2. Look for this CSS class in the code: .gwd-page-content
3. Set the "transform-style" as "flat"
4. Republish your creative.

dimitr...@gmail.com

unread,
May 14, 2018, 10:25:11 AM5/14/18
to Google Web Designer beta
Its Working for me!!!!
Great Devendra Kumar!

San Khong

unread,
May 16, 2018, 2:51:54 PM5/16/18
to Google Web Designer beta
Hi Aron,

There are several issues in your file. It's a non-Google ad but it contains doubleclick and the enabler url. In code view, search for doubleclick and remove all tags associated with it. Also remove the enabler. In addition, there's an extra   <script data-source="gwdvideo_min.js" data-version="11" data-exports-type="gwd-video" type="text/javascript" src="gwdvideo_min.js"></script> that should also be removed. Chrome might be lenient when it comes to error so the video still loads, but Firefox might be stricter. After removing these and there's no error in the console, the video will load fine on Firefox. 

You will need to use the taparea for exit because clicking on the video in Firefox will pause/play it. You don't need to use the flat workaround since your file only contains the video and the taparea so the issue with messed up order doesn't happen here.

I attached the modified file with taparea that fixes the issue.

Hope it helps.
San
Google Web Designer team
dk640x360.html
Reply all
Reply to author
Forward
0 new messages