Overview Included Files Implementing the Block... 7

Transcription

1

2 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 Auto Template Smart Item Options... 11

3 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. The DCO Block Templates

4 DCO Apparel Template Block

5 DCO Auto Template Block

6 Supported Platforms Platform Windows Mac iphone ipad Android Supported Version Internet Explorer 9+, Firefox, Chrome, Safari Firefox, Chrome, Safari ios 5.0 and later ios 5.0 and later Android 2.3 and later( including tablets) Note The HTML5 DCO Templates require the Adkit Custom Script. 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.

7 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 css/style.css images/ index.html js/sizmek_html5template_160x600.js Sizmek s DCO Config file Sizmek Block Stylesheet Sizmek Block image directory Sizmek Block HTML file Sizmek Block Javascript file Filename Description DCO_Auto_Template_HTML5 available in 300x250, 728x90 and 160x600 config.js css/style.css images/ index.html js/sizmek_html5template_160x600.js Sizmek s DCO Config file Sizmek Block Stylesheet Sizmek Block image directory Sizmek Block HTML file Sizmek Block Javascript file

8 Implementing the Block Before you Begin Make 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 s 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=" For more information on how to add Smart Versioning functionality to your HTML5 ad, see the following link:

9 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. 11. Options listed below.

10 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. 14. Save.

11 Apparel Template Smart Item Options Smart Item, Description headline_1 First line of text headline_2 Second line of text headline_3 Third line of text heading_style Styles for headlines, separated by commas ex. 'black,28px,black,22px,black,20px' image main image path logo logo image path align text alignment Type, Options, Text, Text, Text, { font color, font size } 160x600 bottomcenter, bottomright, bottomleft, left, right, center 300x250 left, right, center 728x90 right, rightleft, rightcenter, left, leftright, leftcenter ctacolor color of Cta Standalone Just show image, { true, false }

12 Auto Template Smart Item Options Smart Item, Description headline_1 First line of text headline_2 Second line of text headline_3 Third line of text heading_style Styles for headlines, separated by commas ex. 'black,28px,black,22px,black,20px' disclaimer Text for disclaimer div Type, Options, Text, Text, Text, { font color, font size } copyrights text for legal copy in disclaimer panel image main image path logo logo image path align text alignment 160x600 topcenter, bottomcenter 300x250 topleft, topcenter, topright, bottomleft, bottomcenter, bottomright 728x90 - left, leftcenter, leftright, right, rightcenter, rightleft txtcolor text Color for CTA ctacolor color of CTA Standalone Just show image, { true, false } bgcolor Background Color ctatext Text for CTA border show border, { true, false }

13