This guide is about making certain elements dynamic in Google Web Designer. The export from GWD is easily adapted to Dynamic creatives that can be used in Adcombi
With this guide I'd like to help you further with making dynamic ads using GWD in Studio.
Before making an ad dynamic through GWD there’s 4 things you need to set up first;
- Account
- Advertiser
- Profile
- Campaign
Note: If you do not have a google studio account, you’ll need to set this up first.
Here you can find how to set up a google studio account.
Google studio is NOT the same as google data studio.
Once you have your google studio account set up and running you can proceed by adding a data feed to your google studio account.
Navigate towards https://www.google.com/doubleclick/studio and into the dynamic content tab shown in the header.
Creating your data feed for GWD
This is a quick video guide to setting up your feed in google studio. In the video Google sheets is used to create a data feed, see also the data feed examples from Adcombi. Do note that you need to use the two first default column names as shown in the video.
Once you’ve got the data feed all set up it’s ready to be used in dynamic ads!
Adding your data feed to GWD
Now we’ll move on to adding dynamic content to your ad.
- Start by opening GWD. In the top left you should see a sign in button.
- Sign into the account that also has access to google studio (see previous step in creating the data feed).
- Continue creating your banner the way you like, once you're done with that it’s time to make certain elements dynamic.
- Open the dynamic tab, if not open already click the window option on the top left and then click on the dynamic option. (you can see that this is opened by the checkmark next to the name).
- Now select the element in the banner that you want to make dynamic. Then click on “dynamic” in the dynamic window and then on the plus. These are marked in the image in yellow and red.
- For data schema you’ll want to use the Account, advertiser and profile you’ve made earlier in google studio.
- Then proceed to bindings. Here you can select the element, the attribute and the data schema object you want to display. For example; an address, store name, etc.
Once these steps are done, we of course want to preview if everything is working accordingly.
To do this, navigate to the dynamic window once again. (outlined above in yellow)
Here you see the 'sample data' tab, click this and select the provided sample for a preview.
Once you're satisfied with your banner, navigate to the top right corner within your GWD app and click on 'publish', click on studio and log in to your pre-existing account and assign the creative to the right advertiser and campaign.
When you're done exporting through the app, open google studio in web and navigate to the 'creatives' tab and search for your brand new banner.
After selecting it google studio will ask you to upload a backup image for your banner.
Then you can preview your banner with some dynamic data in the preview tab.
In this preview tab you can also preview any additional changes that you make. (Don't forget to publish in the 5th tab after making changes!)
Exporting creatives into HTML files
After you're done with the preview shown above you head to the publish step.
This is the last thing you'll need to do.
Once all the steps are done you can export the creatives and send the them to support@adcombi.io.
Highlighted with the red arrow there is an export/download button where you can download the banner set as HTML files.