Before getting started: Currently only available in Argentina, Canada, Colombia, Chile, Japan, Korea, Taiwan, Vietnam, Thailand, Malaysia, Egypt, Turkey, United Arab Emirates, Saudi Arabia, Russia, Indonesia, Singapore, Cambodia, Peru, Philippines, Brazil, Mexico, Israel, Ukraine, Belarus, and Kazakhstan.
Playable Ads are interactive videos that allow you to showcase a preview of your app before someone downloads it.
The concept of a Playable Ad is quite simple, when someone watches your video, they are invited to interact with your ad in a full screen playable experience. This will allow them to experience your app by tapping or swiping on your ad. Additionally, you can trigger your app to be downloaded at anytime by using a button or gesture.
Currently, Playable ads are available as video traffic.
More Engaging vs Other Formats
Pangle's data shows that Playable Ads effectively increase clickthrough rates (CTR) and conversion rates (CVR) compared to non-playable ads.
Optimize Cost per Result
Playable ads can help reduce your cost per result. Pangle's data shows that the cost per result of Playable Ads is lower than non-playable ads.
Playable ads are a perfect fit for anyone who wants to showcase their app's unique features and drive app installs.
Industry | Common Applicable Scenarios |
Casual Games, Hyper Casual Games | •Show the core gameplay and stages to attract players to download after a short try. |
Hardcore Games | •Showcase simple interactions like: ◦Guiding the players to explore the story by clicking elements on the screen. ◦Tapping to receive a present and gacha game items. ◦Clicking to draw figure cards. |
Manga, Novels, Music Players, Online Videos | •Present content that is popular within the app. •End your video at a suspenseful or exciting moment that will drive your audience to download the app to learn more or see what happens next. |
In addition to developing H5 playable content from scratch, we have created three tools that allow you to create your own playable content - without writing any code. Each tool has certain advantages and limitations. Continue reading to see which tool is right for you.
Note: The Interactive Video Tool is only available for allowlisted clients, for more information about how you can access this tool, please contact your sales representative.
This tool allows you to create interactive content by adding your creative materials (images and videos) to a series of templates, which you can customize. The Interactive Video Tool is similar to a video editor, as it allows you to assemble your playable content and map out your interactive touch points, triggers, and behaviors only using your mouse - no coding required.
The Interactive Video Tool is a great solution for anyone who is looking to quickly create playable content without developer support. It is good at facilitating shallow interaction, like presenting an interactive story or showcasing gameplay that involves simple actions like clicking or dragging.
Log in to your TikTok For Business Account
Note: The Template Tool is only available for allowlisted clients, for more information about how you can access this tool, please contact your sales representative.
The Template Tool allows you to create custom playable content by replacing the background image, icons, and audio files from pre-made templates. It is useful for creating playable content that only requires limited interaction, like clicking a button. It is a great option for those who have no experience creating playable content and want to produce them very quickly.
Log in to your TikTok For Business Account
Note: The Adaptation Tool is only available for allowlisted clients, for more information about how you can access this tool, please contact your sales representative.
The Adaptation Tool allows you to convert your existing playable content into Pangle Playable creative. The tool will only change the format of the file and preserve all of the interactive events you have already created. It is a great choice for anyone who has already developed interactive ads for other ad delivery platforms.
Log in to your TikTok For Business Account
Note: Playable creative made with the Interactive Video Tool, Template Tool, and Adaption Tool will automatically meet these requirements.
When creating Playable Ads yourself or working with a developer to create them, please ensure that your files meet the following requirements.
The Playable Ad materials must be in .zip format.
The Playable Ad materials should be smaller than 5 MB (after compression).
The main .html file in the first-level directory should be named index.html.
In order for the playable ad to work, please authorize the click-to-jump operation for Pangle. To do this, Pangle needs access to the front-end of the js-sdk. For more information on how to do this, please read the section Playable Ads js-sdk Access of this article.
The first-level directory contains the config.json file, which is in .json format and contains the playable ad’s orientation fields, representing the landscape and portrait adaptation for playable ad materials. The values are 0 (either landscape or portrait), 1 (only portrait orientation supported) and 2 (only landscape orientation supported).
JSON |
1 { 2 "playable_orientation": 0, 3 } |
The Playable Ad materials need to support several types of devices.
The Playable Ad materials should not be in mraid.js format.
Loading dynamic materials via external networks is not permitted.
The playable HTML5 materials must not contain any JS redirects.
Playable ad materials must not make any HTTP request.
It is best to split the Playable Ad material into smaller pieces, and enable accelerated parallel downloading.
When accessing the Playable Ad materials, Pangle needs to “call for the app store when the conversion button is clicked.” Therefore, your playable ad materials needs to allow for access to the js-sdk.
This js-sdk allows a call for the app store through the Pangle js-sdk after the download button is clicked in the Playable Ad.
Note:
The accessing party does not need to call for the download or page jump operations by themselves. These operations are handled by the js-sdk.
After August 5, 2021, if the playable material does not use the new js-sdk address, there may be a risk that the material will not be allowed to upload. Please check and make sure that the new playable material uses the new version of js-sdk.
If you use the three tools (interactive video tool/template tool/adaption tool) provided by Pangle to make playable materials, there is no need to check, because the tools have automatically updated js-sdk to the latest version.
https://sf16-muse-va.ibytedtos.com/obj/union-fe-nc-i18n/playable/sdk/playable-sdk.js
Place the following code at the bottom of the body and before the developer's own JS.
HTML |
1 <scriptsrc= 2 "https://sf16-muse-va.ibytedtos.com/obj/union-fe-nc-i18n/playable/sdk/playable-sdk.js"></script> |
window.openAppStore();
To help you test your playable creative, Pangle has an SDK environment which can be used to emulate playable ads on different mobile phone models and operating systems.
To download the iOS Testing Tool for Playable Ads, please click here.
Download the .zip package and run BUDemo.xcworkspace
Go to Ad Test App > Tools > Playable Tool
Enter the playable URL and download URL -
If the preview material is to be displayed using portrait orientation, disable the Horizontal Screen option
If the ad preview needs to be displayed using landscape orientation, enable the Landscape Orientation option
4. Click Test Playable to enter the playable ad preview
To download the Android Device Testing Tool for Playable Ads, please click here.
Download .apk and install
Enter app > Playable Test
Enter the Playable URL and Download URL
If the preview material is to be displayed using portrait orientation, disable the Horizontal Screen option
If the ad preview needs to be displayed using landscape orientation, enable the Landscape Orientation option
Click Test Playable to enter the playable ad preview
Element of Playable Ad | Creative suggestion |
Playable creative | •Capture the essence of the game by allowing users to experience a real scenario from the game, using the best performing creative from your past campaigns. •Explore materials relating to the core gameplay to create interactive elements, you can use special effects, numerical settings and other methods to highlight the contrast. •Explore different scenarios - 99% of people can't do this or only a genius can pass this level. •Explore different levels of difficulty - easy, medium, hard. •Ensure a link between the video and playable ad. Recommended video duration is 10-25 seconds and a maximum of 30 seconds. •Experiment with both vertical and horizontal creatives to gain more traffic. •Pair the demo with exciting background music and eye catching special effects. |
Playable interactions | •Before the interaction ◦Before the interaction, there must be a simple and clear guide (text, gestures, etc.) so that the user can understand and master the gameplay within 2 seconds. ◦Play sound after the user has clicked on playable ad. ◦If the user clicks and there is no follow-up action for 10 seconds, try to auto-play to the next scene. ◦Before the interaction and if the ad needs to load: ▪Shorten it and keep it within 1-2 seconds. ▪We recommend having an animated guide so that the user will know what to expect before the playable ad starts. •During the interaction ◦Call_to_action can be present throughout the interaction to prompt a download. ◦Button that will direct users to app store should be present throughout interaction so that users can click on it at any point during the interaction. ◦During the interaction, other content areas, such as game logo, game name, game upgrade button area, are recommended to be set as clickable. •After the interaction has ended ◦We suggest displaying more information, including but not limited to the game icon, name, and title - which should all be clickable. ◦CTA button to download game must be visible and obvious. |
There are two aspects needed to publish a Playable ad:
Upload Playable creative
Create a Playable Ad
Log in to TikTok Ads Manager
Go to Assets > Creative > Playable list
Click Upload, then add your .zip file
There are several requirements that need to be met at the Campaign, Ad Group, and Ad level to publish a Playable Ad. To publish Playable Ads, follow the steps below:
Log in to TikTok Ads Manager
Create a new campaign
Choose App Installs as your Advertising Objective
Under Placement you must include Pangle as one of the Placements
For Targeting > Demographics > Location choose any market that is supported by Pangle
Under Ad Format check Single video
Then in the Playable module click +Add From Library or Add New to add your Playable Materials to the Ad Group
You may create another ad by pressing +Add and this will allow you to bind another video ad to your Playable Material
Note: All ads in your ad group will be bound to a single Playable Material. If you wish to create ads that feature different Playable Material, you will need to create a new Ad Group.
To view the performance data of your Playable Ads, go to Assets > Creative and then select the Playable Ads list. From this page you can view core performance metrics from each Playable Ad, including: number of related ads, total cost, cost per mille (CPM), impressions, clicks, conversion, CTR, CVR, and cost per results.
These tools differ in the amount of freedom you have when producing an ad. The Interactive Video Tool allows you to independently construct scenarios and jump events from scratch while Template Tool only allows you to replace the elements like images or audio confined to the existing templates. You are neither allowed to change the jump events in the templates provided by the Template Tool, nor adjust the procedure of those templates.
From the aspect of principles of ads design, Interactive Video Tool sets [an operation for a component/material in a scenario] or [completion of an auto-play of a component/material] as a trigger, which could trigger events such as [Jump scenario]/[Download app]. While Template Tool provides more diverse interactive functions including multiple clicks to trigger and line drawings. Each tool has its own advantages and disadvantages.
You are only allowed to check the Playable Ads during the preview process. Jump to App Store is not supported. It is consistent with the expectation that no further interactions appear after the transmission area is clicked.
If any interaction (video/audio/dynamic effect) is set in the first scenario, due to the limitation of browsers, you are required to click anywhere on the screen to play the playable ads when previewing through a browser. Playable Ads would automatically play as expected when being delivered online.