AdWords
2.3K members online now
2.3K members online now
Understand Google's advertising policies, including ad approval status and account suspension
Guide Me
star_border
Reply

Adobe Animate HTML5 banner ad for Google AdWords - Relative asset check

Visitor ✭ ✭ ✭
# 1
Visitor ✭ ✭ ✭

Hi all.

 

Putting together an animation for a web banner with Adobe Animate. I publish it - and upload to the AdWords HTML5 Validator. Everything gets a green tick apart from the 'Relative asset check'.

 

Getting this error:

 

You can only reference files found in your uploaded .ZIP file, and the file listed above is not found there. To continue, remove any references in your HTML file to assets found outside of the .ZIP file.

The asset listed in the error message cannot be found in your .ZIP file. You will also need to remove any references to that file. The only allowed external references are the following:

  • Google Fonts
  • Google-hosted jQuery
More details:

I have gone to this site:

https://developers.google.com/speed/libraries/

to get a google hosted js library.

 

I open the HTML file with Brackets and replace  <script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>

with <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>.

 

This upload validates but then the html file is blank when I preview it in the validator.

 

So I can either see the preview and have it not validate or I can have it validate and not see the file...

 

ANY help is greatly appreciated!

1 Expert replyverified_user

Re: Adobe Animate HTML5 banner ad for Google AdWords - Relative asset check

Community Manager
# 2
Community Manager
Hi Mathew,

Thanks for posting to the Community. Do you still need help with this issue?

Cassie

Re: Adobe Animate HTML5 banner ad for Google AdWords - Relative asset check

[ Edited ]
Visitor ✭ ✭ ✭
# 3
Visitor ✭ ✭ ✭

Yes please. Still struggling with getting the ad to validate correctly... Any thoughts?

Mat Mason | <edited by a Community Manager as noted below>

 

 

Note: this post has been edited by a Community Manager, per Community Posting Guidelines. Please do not share personal information like phone numbers and customer ID numbers on the Community.

Re: Adobe Animate HTML5 banner ad for Google AdWords - Relative asset check

Community Manager
# 4
Community Manager
Hi Matthew,

I know you said that the preview is blank when you are able to get the upload to validate. Have you tried going ahead and uploading the file that does validate into your AdWords account, and seeing if the preview works there? I'm wondering if it's an issue with the file itself, or an issue with the validator.

Cassie

Re: Adobe Animate HTML5 banner ad for Google AdWords - Relative asset check

Visitor ✭ ✭ ✭
# 5
Visitor ✭ ✭ ✭
Not yet. We use an external Media service for loading our ads, so was hoping to have the issue sorted before I hit them up about it. But it might be a good idea to give it a go! Cheers for the message Cassie! Will post with a result once I talk with our media company.

Re: Adobe Animate HTML5 banner ad for Google AdWords - Relative asset check

Visitor ✭ ✭ ✭
# 6
Visitor ✭ ✭ ✭
Hi Cassie,

I am having this same issue and am working with an external client so I do not have any other way to preview the file before sending it to them besides using the validator. Do you have any other suggestions before I send the file back to the client that may not work?

Let me know, thank you!
Nissa

Re: Adobe Animate HTML5 banner ad for Google AdWords - Relative asset check

Visitor ✭ ✭ ✭
# 7
Visitor ✭ ✭ ✭
Hi Nissa.

Not quite sure what I did but it all works for me now.

Here is the code that Adobe Animate produced - with tweaks for upload.
I added this line "<meta name="ad.size" content="width=300,height=250">"
And replaced "&lt;script src="https://code.createjs.com/createjs-2015.11.26.min.js">&lt;/script&gt;"
with "&lt;script src="https://s0.2mdn.net/ads/studio/cached_libs/createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min....

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="ad.size" content="width=300,height=250">
<title>main</title>
<!-- write your code here -->


&lt;script src="https://s0.2mdn.net/ads/studio/cached_libs/createjs_2015.11.26_54e1c3722102182bb133912ad4442e19_min....
&lt;script src="main.js">&lt;/script&gt;
&lt;script&gt;
var canvas, stage, exportRoot;
function init() {
// --- write your JS code here ---

canvas = document.getElementById("canvas");
images = images||{};

var loader = new createjs.LoadQueue(false);
loader.addEventListener("fileload", handleFileLoad);
loader.addEventListener("complete", handleComplete);
loader.loadManifest(lib.properties.manifest);
}

function handleFileLoad(evt) {
if (evt.item.type == "image") { images[evt.item.id] = evt.result; }
}

function handleComplete(evt) {
exportRoot = new lib.N2A6Canvas();

stage = new createjs.Stage(canvas);
stage.addChild(exportRoot);
stage.update();

createjs.Ticker.setFPS(lib.properties.fps);
createjs.Ticker.addEventListener("tick", stage);
}

&lt;/script&gt;

<!-- write your code here -->

</head>
<body onload="init();" style="background-color:#D4D4D4;margin:0px;">

<!--NEW CODE INSERTED BELOW -->
<a href="" id="clickArea" target="_blank">
<!--NEW CODE INSERTED ABOVE -->

<canvas id="canvas" width="300" height="250" style="background-color:#FFFFFF"></canvas>

<!--NEW CODE INSERTED BELOW -->
&lt;script&gt;
var clickTAG;
function ClickTAG() {
try {
var strsrch = window.location.search;
if (typeof(strsrch.length) != 'undefined') {if(strsrch.length > 1) {clickTAG = strsrch.split("clickTAG=")[1];}}
} catch (e) {console.log(e)}
}

ClickTAG();
var clickArea = document.getElementById("clickArea");
clickArea.href = clickTAG;
&lt;/script&gt;
<!--NEW CODE INSERTED ABOVE -->

<!--ADD to end of URL. /?clickTAG=http://www.google.co.nz -->

</body>
</html>

Now it validates and I can preview it - Happy Chappy!

Hope this give you some help? Smiley Happy

Re: Adobe Animate HTML5 banner ad for Google AdWords - Relative asset check

Visitor ✭ ✭ ✭
# 8
Visitor ✭ ✭ ✭
Another workaround would be to include the createjs-2015.11.26.min.js file in you zip file ... that way it's no longer an external reference. Sure it ads weight to your zip file, but it works. Hopefully google will resolve this issue soon ... calling external js is a necessary evil using Animate cc for HTML5 banners.

1) download and copy createjs-2015.11.26.min.js into your zip folder
2) change the url to ---> &lt;script src="createjs-2015.11.26.min.js">&lt;/script&gt; so that it no longer calls the external resource

Not the best ... but definitely works!

Re: Adobe Animate HTML5 banner ad for Google AdWords - Relative asset check

Visitor ✭ ✭ ✭
# 9
Visitor ✭ ✭ ✭
Thank you Brett, that is exactly what I did!

I had to use tinypng.com for some of my images but I did get them all small enough to be accepted.

Re: Adobe Animate HTML5 banner ad for Google AdWords - Relative asset check

Visitor ✭ ✭ ✭
# 10
Visitor ✭ ✭ ✭
Hey Brett / Had thought about doing that but as you mentioned the extra weight was something I wanted to avoid if possible. Cheers for the workflow!! Definitely worth keeping that up my sleeve!