Google Web Designer banner Missing click tag check on validation

plastois picture plastois · Nov 2, 2017 · Viewed 9.9k times · Source

I need to create doubleclick banner, and i am using Google Web Designer. I want to call clickTag by simple href="javascript:window.open(window.clickTag)", and everything works fine, but when i validate it on

https://h5validator.appspot.com/dcm/asset i get error:

Missing click tag check

How can I remove this error, what am I missing?

Thanks

Answer

Ankit Singh picture Ankit Singh · Nov 2, 2017

I think this will help you out to find solution to your problem, please follow the below steps :

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>

  • var clickTag = "http://www.google.com";

  • Make sure that other tags/function are close and you are not pasting the above code inside other tag/function.

Code:

<head>
    <script type=”text/javascript”>
        var clickTag = “http://www.google.com”;
        Somecode of(function() 
        {
            somefunctionality code ...
        }
    </script>
</head>

Step 3: Paste the below code after <body> start, Arrangement of the code can impact what portion of the creative will be clickable, so make sure that you cover every assets of creative code withing the code below

<body>
    <a href="javascript:window.open(window.clickTag)">
        .......Creative assets code...
        .......Some functionality code.....
    </a>
</body>
click tag google web designer

Step 4: Make sure that clickTag defined in body and clickTag defined in head section should be same. Now save the file.

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.

Because if don’t zip all files correctly you might get “No Primary HTML file detected” this error

No Primary HTML file detected

Creative is built from Adobe Animate CC

Step resolve the creative issue

  • Step 1: Extract the zip file and open the html file present in the folder
  • Step 2: Open the .html in file sublime/Notepad++ editor, Paste below Code in <head> section just before You can replace the http://www.google.com with the clicktracker or landing page URL provided by client.

Code:
var clickTag = "http://www.google.com";

Adobe_animate_CC_clickTag_Issue_head_section
  • Step 3: Now once above code is implemented its time to implement the clickTag in body section, Since the clickTag is case sensitive make sure that clickTag implemented in Head section should match with clickTag in body section, Now implement below code just After tag.

    Adobe_animate_CC_clickTag_Issue_body_section

  • Step 4: Make sure that the placement of tag is important, you must cover the whole canvas portion so that whole creative will be clickable.