2DKIT Playable Ads Guide for TikTok Ads

Follow these steps to create and publish your Playable Ads for TikTok Ads.

Overview

This guide will show you how to create and publish playable ads for TikTok Ads with 2DKit in just a couple minutes using your videos and images with easy-to-use 2DKit templates.

2DKit supports one-click publishing for TikTok Ads playable ad creatives.

The total file size of this playable ad, a Shoot ‘Em Up game will be 239 KB (without gzip).

Since 2DKit delivers such small file sizes it is easy to stay under TikTok‘s 3 MB limit.

The published build contains a zip file with an index.html in the folder root.

Additionally all of the TikTok’s requirements and API integration are automatically handled when 2DKit projects are published as TikTok Playable Ads.

Video Tutorial

Play Now: TikTok Playable Ads 2DKit Tutorial

Sample Project

http://developer.2dkit.com/samples/playable-ad-shmup.zip

Handling the Call to Action

Handling the call to action with an Action in 2DKit Creator.

Drag the NotifyAdClicked action from the ez package folder.

This will call window.openAppStore();  if available.

A good place to put this call to action is in an end card game over screen.

Handling the call to action with code.

Add the following code to your game to handle the call to action.

System.notifyAdClicked();

This will call window.openAppStore(); if available.

Publishing the Ad

To publish select the following menu option in 2DKit Creator:

Build->Playable Ads->Publish TikTok Playable Ad

2DKit will handle building the output in a way that is consistent with TikTok Ads’ requirements.

In addition 2DKit will also automatically optimize all files in a way that typically results in a 70-90% reduction in file size.

In the received zip file, unzip and locate the html file to verify that the index.html file is present.

Final Deliverable

The tiktok_ad.zip file is the only file that should be delivered for TikTok Ads. 

Playable Ad Settings

After you create your playable ad in 2DKit Creator select

Project->Project Settings

Then select the Playable Ads tab.

Testing in the TikTok Tool

Go to Tiktok Ads Manager -> Assets -> Creative

Then select the Playable Ads tab

Click Upload button

Then you will see an interactive preview and you can get a URL and a QR code.

Relevant Classes

http://developer.2dkit.com/api/ez/NotifyAdClicked.html

http://developer.2dkit.com/api/kit/System.html#notifyAdClicked

More info

2DKit Playable Ads Guide