Bannerflow banners can be exported to, and used with Google Studio.

Design and animate your banners in Bannerflow and connect with your Dynamic Content / Profile from Studio.

Step by step guide

1. Create new Profile in Google Studio

Start by creating a new Dynamic Content > Profile in Google Studio. This will open a step-by-step guide.
https://www.google.com/doubleclick/studio/#ContentManagement:

A Profile in Google Studio is essentially a Google Sheet that holds all dynamic messages for your different segments/triggers, to be used by your banner(s).

For a video tutorial on how to set up and create a new Profile, click here.

Make sure that your Google Sheet is shared with the following two email addresses: StudionDynamicCreative@system.gserviceaccount.com

studio-dynamic-creatives@google.com

👉Please note: Google Studio does not accept all special characters in the spreadsheet. "/" for example will break the document and make the feed unusable for Google Studio. They recommend to use an underscore _ or hyphen - as a separator at all times.

At step 4 (Generate code) in the wizard an HTML5 code will be generated. Copy this code and save in a text file (or go back and grab it later). This code will be used when exporting your Bannerflow banner to Studio.

Sample code:

<!--

 * Dynamic Content Enable code for Profile: 12345678

 *

 * The following code initializes the following dynamic variables for

 * development testing and live serving of Fields associated to the above profile

-->

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

<script type="text/javascript">

// Dynamic Content variables and sample values

    Enabler.setProfileId(12345678);

    var devDynamicContent = {};

    devDynamicContent.DDC_Studio_Feed_Sheet1= [{}];

    devDynamicContent.DDC_Studio_Feed_Sheet1[0]._id = 0;

    devDynamicContent.DDC_Studio_Feed_Sheet1[0].Unique_ID = 1;

    devDynamicContent.DDC_Studio_Feed_Sheet1[0].Reporting_Label = "Dynamic-Message-1";

    devDynamicContent.DDC_Studio_Feed_Sheet1[0].Headline = "Get 20% discount on your first purchase.";

    devDynamicContent.DDC_Studio_Feed_Sheet1[0].Button = "Read more";

    devDynamicContent.DDC_Studio_Feed_Sheet1[0].Exit_URL = {};

    devDynamicContent.DDC_Studio_Feed_Sheet1[0].Exit_URL.Url = "https://www.mysite.com";

    devDynamicContent.DDC_Studio_Feed_Sheet1[0].Default = false;

    devDynamicContent.DDC_Studio_Feed_Sheet1[0].Active = true;

    Enabler.setDevDynamicContent(devDynamicContent);

</script>

<!--

 * You may access the variables in the following manner

 * AFTER the Studio Enabler is initialized.

 * var Unique_ID = dynamicContent.DDC_Studio_Feed_Sheet1[0].Unique_ID;

 * Note: be sure to use "dynamicContent", not "devDynamicContent"

 * Note: be sure to use ExitOverride to create your exit URL dynamically; follow the instructions on our Help center: https://support.google.com/richmedia/answer/2664807

-->

2. Create banner in Bannerflow

Read all about building a DCO banner in Bannerflow here 🔗

3. Export banner(s) as Google Studio-ready ZIP file

When banner is ready, it can be exported as a Studio-ready ZIP file from Bannerflow. Start by copying the banner-set’s Showcase link. E.g. https://app.bannerflow.com/p/Hmq60C

Browse to this banner export page 🔗and follow the three steps in the screenshot below.

4. Upload banner to Google Studio

Banners are uploaded to Google Studio on the Creatives tab, via the New creative button.

Name the creative/banner and choose Advertiser and Campaign to associate the new banner with.

👉 Please note:  that if the exported banner-set contains more than one banner, the ZIP file must be extracted on your computer before uploading to Google studio. The extracted ZIP file will contain one ZIP file per banner. These ZIP files can be bulk uploaded to Google Studio.

Good to know 💡

  • Once a Bannerflow banner is exported to Studio, design and text updates can be made in Bannerflow and is automatically updated in Studio
  • The manual procedure uploading the banners is required due to Google Studio lacking an API. We hope to see an API being released by Studio in the near future.
  • Bannerflow feeds can be used with Studio banners, same way as done today.
  • Dynamic images in Studio are supported in Bannerflow banners by the use of “Dynamic image” widget.
  • Multi-feed profile’s are supported by using macros in this format; e.g. #Feed1.Headline#
  • Multi-row/array values - commonly used to show product carousels in banner - are supported by defining the wanted row (index) in the macro; e.g. #Feed2.Row3.ProductImage#
  • Avoid having your feed name star with a number. This will crash the preview and leave you with a blank creative.
Did this answer your question?