Sizmek HTML5 Workspaces are a toolset for you as a programmer to incorporate our HTML5 rich media features using the authoring environment of your choice. Workspaces are ZIP folders that contain all of the assets and files you’ll need for a single ad, pre-packaged withSizmek API code. Once you have a Workspace, all you have to do is plug in your own assets and customize your ad the way you want. When you’re finished, zip all of your HTML5 assets into a bundle and upload them to the Sizmek MDX platform for trafficking. In the platform, the folder created in the Asset Library is named according to the zip file name. If the folder already exists with this name, the system automatically adds a suffix to the folder name.
You can create your own Workspace from scratch or download a template, view a demo of the HTML5 templates or get the latest copy of the build guide. Please visit the Formats tab in Sizmek Showcase. Download the Workspace from the Sizmek Showcase and extract it, while preserving the directory structure.
If you are creating an ad using a SizmekWorkspace template and updating or replacing images or videos, make sure to also update references to their filenames and dimensions found in index.html and style.css as necessary.
Use a text editor to update the layout and design of a template in the index.html and style.css files.
Add click-throughs and custom Interactions using the HTML5 API.
Test your ad locally by opening the index.html in a web browser and walk through the ad experience. You can use a web-debugging tool to view the source code and any data being sent or received by the ad.
Place all your assets including the default image in a folder and compress to a zip.
In the platform, under Creative Assets, create a new Workspace by uploading the zip file.
Under the Ads section, create a new ad.
Build your ad in the Sizmek Ad Suite platform.
Preview your ad in the platform.
The Sizmek HTML5 ad Workspace includes the following ad-related elements:
index.html: The ad’s main creative file and initialization code.
config.js: Controls ad behavior, playback, and functionality. Serves as the main configuration file of the Creative AdKit.
style.css: The style sheet for the ad and its elements.
Sizmek Tracking code: Tracks your users' interactions with your ads.
Dynamic Creative: Adds Dynamic Creative functionality to your HTML5 ads. For more information, see Add Dynamic Creative Functionality to Your HTML5 Ads Using Workspaces.
Ad Assets: Images and videos. You can save your images in a dedicated Additional Assets folder. For more information, see Work with Your Assets.
Place the index.html and config.js in the root of the Workspace.
Include the adkit.js or the EB.Loader.js in the root HTML file.
The index.html file must be larger than 0 KB.
The Workspace name must be unique.
Asset names must not contain spaces.
In the platform, a special icon is used to indicate a Workspace so that you can easily identify HTML5 ads.
Before you upload the Workspace to Sizmek, ensure that the
.zipfile does not include a
Icon_files in the subfolders.
Supported Asset Types:
Images: GIFs, JPEGs, PNGs
Videos: MP4s, OGG vorbis files, WebM videos