Skip to main content
TapLuke
New Participant
February 8, 2017
Answered

Using Animate CC for banners with dynamic feeds from DoubleClick

  • February 8, 2017
  • 2 replies
  • 3830 views

Hi guys,

has anyone of you created dynamic HTML5 banners in Animate CC for Google's DoubleClick? Since my knowledge of JS is veeeery basic, I do not understand how I can bind dynamic variables from the feed to a specific element in Animate CC.

In my case, I want to dynamic text to be displayed in a dynamic text field in Animate CC.

This is how a standard feed looks like from DoubleClick:

<!-- DynamicContent Start: HTML5 invocation code. -->

// Dynamic Content variables and sample values

Enabler.setProfileId(12345);

var devDynamicContent = {};

devDynamicContent.SampleElement = [{}];

devDynamicContent.SampleElement[0]._id = 0;

devDynamicContent.SampleElement[0].headline = "Some headline";

devDynamicContent.SampleElement[0].image_url = {};

devDynamicContent.SampleElement[0].image_url.Url =

"http://yourServer/sample.jpg";

devDynamicContent.SampleElement[0].landing_url = {};

devDynamicContent.SampleElement[0].landing_url.Url =

"http://www.yoursite.com";

Enabler.setDevDynamicContent(devDynamicContent);

<!--
* You may access the variables in the following manner
* AFTER the Studio Enabler is initialized:
* var price = dynamicContent.Product[0].price;
* Note: be sure to use "dynamicContent", not "devDynamicContent"
-->

So let's say I named the instance of the dynamic text field "headline", how do I get the headline text ("Some headline") from the feed displayed? And where do I need to add the code? In the HTML file, create an action for the document or create an action for the element?

Also if you could point me to some tutorial, article on dynamic banner creation with Animate CC, I'd be really happy. I could hardly find anything.

Thanks,

Luke

This topic has been closed for replies.
Correct answer TapLuke

Just in case anyone has the same problem, I solved it like that:

Create an action for the dynamic text element (which I called "mytext" here) and add the following code:

this.mytext.text = dynamicContent.SampleElement[0].headline (or whichever element contains the text). Notice that you should use "dynamicContent" and not devDynamicContent".

That is all and it should work now.

2 replies

cartimundi
Known Participant
April 6, 2020

Did you also succes to get it work? 

while google studio has a notice that is doesn't work yet with adobe animate

 

maybe you have een simple doc with the content, so i can see how it works?

 

New Participant
April 3, 2021

Hey. Any news about that issue?

cartimundi
Known Participant
April 6, 2021

I don't know..still working in hype tumult 

TapLuke
TapLukeAuthorCorrect answer
New Participant
February 15, 2017

Just in case anyone has the same problem, I solved it like that:

Create an action for the dynamic text element (which I called "mytext" here) and add the following code:

this.mytext.text = dynamicContent.SampleElement[0].headline (or whichever element contains the text). Notice that you should use "dynamicContent" and not devDynamicContent".

That is all and it should work now.

New Participant
February 6, 2018

Hello,

Please help me ! :-)

I have to create dynamic banners for google studio and after long research, I more or less understood what I have to do but I can not understand the links I need to perform in animateCC with sheets .xls

Would it be possible for you to provide a .fla sample?

Thanks for your help !