How to Tag and Track Digital Ads

Last year, Chrome and Firefox which cover almost all of the browser users, declared that they will block flash content serving on on the website to reduce the vulnerability and memory usage.

HTML5 ads are responsive,non flash and advance interactive ads created using various tools such Google Web designed and other creative building tools.

But Most common issue which every ad trafficker  faced is to understand the HTML5 ads

HTML5 ads comes as a bundle of files which contain all image assets along with code related files such as html,css, javascript.

When we want to traffic these kind of creative, Most of the adservers accept it as .zip file.

When we upload this file in DFP/DCM we get the issue stating that "Warning:Missing clicktag. Add a valid or exit function before uploading the creative to DFP " is missing, and then we can't upload the creatives. Or in some case adservers let you upload the assets but when you preview the creative is not clickable.

DFP-clicktag-issue

Since most of the trafficker are non coder and think that its not our job to edit the code..But in time sensitive campaign where sales want to see the ads live and don't want to reach out to creative agency, it up-to us to get it live.

There are many creative building tools most widely used are

Step 1: extract the files from zip. and Open .html file using any code editor, most useful for trafficker is notepad++.
Step 2: There will be two important section in html file <head></head> and <Body></body>
<head> section will have <script type="text/javascript"> which handle most the functionality will be present.

Now Paste below code Before </head> section and Inside <script type="text/javascript">Some Code From Creative </script>

Step 5: Go to the folder where all the assets presents, Select all then create the zip,make sure you create zip and not rar because zip is only supported format in DFP. For other servers it might be different.

We must also note that each time creative code will be different and it doesn't necessary that creative agency use GWD or Adobe CC, But must note that basic building block for htm5 ad remain same. So Make sure to implement the code as instructed as above.

If you are good in coding and have in depth knowledge of GWD or Adobe Animate, Best way to resolve the clicktag issue is by handling the clickevent inside creative builder. Below is link of Adobe animate explaining how to make the creative clickable.

https://blogs.adobe.com/creativecloud/step-by-step-html5-ad-creation-with-adobe-animate-cc/

If you have any query drop mail

Updated: GWD Publisher Bundle Should use exit Events Instead of Defining var Clicktag(s)

As HTML5 Creative building advanced in lots of aspect, The issues and fixed mentioned might not be applicable.
However most of the creative building agencies still follow old method, and When they do, they face above mentioned issues.
Solution


Unzip the HTML5 Creative Zip File
Find .html File where actual code is present
Follow below steps:
1) Open the HTML file in your favorite text editor;
2) Remove a meta line with property "name="GCD"" – its important;
3) Append the following code right before a closing "body" element (update with appropriate click-through URL):

4) save the file and make a zip-bundle with all banner files;
5) upload the zip file to Google Ad Manager

Hello! This is the Gutenberg block you can edit directly from the WPBakery Page Builder.

Tags: clicktag gwd html5

How to Tag and Track Digital Ads

Source: https://adtagmacros.com/how-to-fix-missing-clicktag-issue-in-html5-ads/

0 Response to "How to Tag and Track Digital Ads"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel