Overview ... 2
The DCO Block Templates ...2
DCO Apparel Template Block ...3
DCO Auto Template Block ...4
Supported Platforms ...5
Demos/Downloads ...5
Benefits ...5
Use Case ...6
Included Files ... 6
Implementing the Block ... 7
Configuring the DCO Template Blocks ...7
Block Implementation ...8
Apparel Template Smart Item Options ... 10
Overview
Sizmek’s Dynamic Creative allows advertisers to run personalized multi-market prospecting and retargeting campaigns. The ready-to-use Dynamic Creative Templates help make this more accessible to creative agencies who are taking their initial steps into Dynamic Creative, and are happy to use a pre-defined template to get them started. They can also be used by Trading Desks and other advertisers who want to use Dynamic Creative, but don’t have the benefit of a Creative Shop or Flash Developer.
By utilizing Sizmek’s Dynamic Creative, ad templates can house different images, background colors, copy alignments and more. This build guide covers the Auto and Apparel templates and comes in the most common size in the Exchange environment: 300x250, 728x90 and 160x600.
DCO Apparel Template Block
DCO Auto Template Block
Supported Platforms
Platform Supported Version
Windows Internet Explorer 9+, Firefox, Chrome, Safari
Mac Firefox, Chrome, Safari
iPhone iOS 5.0 and later
iPad iOS 5.0 and later
Android Android 2.3 and later( including tablets)
Note
The HTML5 DCO Templates require the Adkit Custom Script.
http://ds.serving-sys.com/BurstingScript/adKit/adkit.js
For campaigns involving large numbers of versions, it is advised that Mass Versioning be used instead of Single Versioning. This feature can be found under Smart Versioning > Multiple Versions. This option allows the use of versions via Excel or XML Feed.
While these templates demonstrate specific verticals (Auto, Apparel), they are not limited to these verticals and can be used by advertisers outside of these verticals.
Demos/Downloads
To download the Block, view a demo of the Block or get the latest copy of the build guide, please visit the Formats & Blocks tab of the Creative Zone. For more information, contact your Creative Development Specialist.
Benefits
Target and retarget - on a massive scale. Relevance = results, and Sizmek’s Dynamic Creative lets you quickly and easily mass produce hundreds of ad variations by geography, product, offer - you name it.
Don't guess; test. Got more than one big idea? Easily conduct multivariate tests to find the optimal creative approach or combination for each target segment.
Experiment. Try out different dynamic elements and combinations and let the Smart Versioning Optimization Engine automatically discover what works best.
Say yes! Accommodate changing client requirements, keep campaigns fresh, and easily update campaigns over time without extra production or re-trafficking.
Use Case
An automobile manufacturer wants to advertise a new line of vehicle but would like the creative to reflect different promotions corresponding to different markets.
Included Files
Filename Description
DCO_Apparel_Template_HTML5 – available in 300x250, 728x90 and 160x600
config.js Sizmek’s DCO Variable Config file
css/style.css Sizmek Block Stylesheet
images/ Sizmek Block image directory
index.html Sizmek Block HTML file
js/sizmek_Html5Template_160x600.js Sizmek Block Javascript file
Filename Description
DCO_Auto_Template_HTML5 – available in 300x250, 728x90 and 160x600
config.js Sizmek’s DCO Variable Config file
css/style.css Sizmek Block Stylesheet
images/ Sizmek Block image directory
index.html Sizmek Block HTML file
Implementing the Block
Before you BeginMake sure you have the following resources available: HTML5 DCO Templates Block files
Configuring the DCO Template Blocks
The HTML5 DCO Template Block is accompanied by two templates:
Apparel Template Block – Dynamically update product image, Title, Price, and description.
Auto Template Block – Dynamically update model image, dealer logo, Title and description.
The HTML5 DCO Templates use the AdKit Custom Script (included below) to pull DCO variables and HTML Content from the platform. This script must be added to the Workspace index file for the DCO files to work properly. The adKit script requires the addition of the config.js file, found in the Workspace folder. This config.js file is used to list all necessary DCO Variables and HTML Content included in your creative. The adKit script replaces the standard EBloader declaration and includes all previous EB functionality, such as EB.clickthrough();.
<script type="text/javascript" src="
http://ds.serving-sys.com/BurstingScript/adKit/adkit.js">
For more information on how to add Smart Versioning functionality to your HTML5 ad, see the following link:
Block Implementation
1. Open the config.js file located in the root of the Workspace folder. See the following example:
define({ "ITEMS": [{ "id": "headline3Txt", "type": "adkit-html", "svKey": "headline_3" }], "SV": { "svData": [{ "svKey": "headline_3", "svType": "String", "value": "Sale $140" },
} });
2. Update any DCO parameters as needed. 3. Zip and upload ‘HTML5 Workspace Folder’.
4. From the main menu, select Shortcuts > Create New Ad > Create a New Ad. 5. In the Ad Name field, enter the unique name of your ad.
6. From the Ad Format drop-down list, select HTML5 Polite Banner. 7. Choose the HTML5 Workspace Folder you uploaded to platform. 8. Choose Default Image.
9. Select Ad Settings > Smart Versioning.
10. Update the Smart Items within the Smart Item List, updating images, text, and variables with your own text, uploaded image assets and data.
12. Preview the ad in the Smart Versioning Instant Preview.
13. If this is correct, create a new version by selecting the Create Version button or override the existing creative by selecting the Override button.
Apparel Template Smart Item Options
Smart Item, Description Type, Options
headline_1 – First line of text Variable, Text headline_2 – Second line of text Variable, Text headline_3 – Third line of text Variable, Text heading_style – Styles for headlines, separated by
commas ex. 'black,28px,black,22px,black,20px'
Variable, { font color, font size }
image – main image path Variable
logo – logo image path Variable
align – text alignment Variable
160x600 – bottomcenter, bottomright, bottomleft, left, right, center
300x250 – left, right, center
728x90 – right, rightleft, rightcenter, left, leftright, leftcenter
ctaColor – color of Cta Variable
Auto Template Smart Item Options
Smart Item, Description Type, Options
headline_1 – First line of text Variable, Text headline_2 – Second line of text Variable, Text headline_3 – Third line of text Variable, Text heading_style – Styles for headlines, separated by
commas ex. 'black,28px,black,22px,black,20px'
Variable, { font color, font size }
disclaimer – Text for disclaimer div Variable copyrights – text for legal copy in disclaimer panel
image – main image path Variable
logo – logo image path Variable
align – text alignment Variable
160x600 – topCenter, bottomCenter 300x250 – topLeft, topCenter, topRight, bottomLeft, bottomCenter, bottomRight 728x90 - left, leftCenter, leftRight, right, rightCenter, rightLeft
txtColor – text Color for CTA Variable
ctaColor – color of CTA Variable
Standalone – Just show image Variable, { true, false }
bgColor – Background Color Variable
ctaText – Text for CTA Variable
