前言
什么是试玩广告?
是一种新型的交互式广告,它可以让用户在未下载APP的前提下抢先体验APP内容,提升用户点击下载意愿。可以称其为“微型游戏”,用户在看到广告时,能够通过10s-30s的快速试玩,在游戏下载之前轻松体验游戏玩法。
不同广告渠道的试玩广告要求不一样,因此制作试玩广告需要根据各个广告渠道要求进行适配,下面就给大家介绍Facebook&Google Ads&TikTok渠道试玩广告的要求;
Facebook试玩广告要求
Facebook平台投放的试玩广告格式分为2种,单HTML文件和ZIP压缩包,不同格式要求不同,下面将逐一介绍;
单HMTL文件要求如下:
- 试玩游戏为 HTML5 格式(扩展名为“html”或“htm”)。
- 文件大小应小于 2 MB。
- 试玩广告素材不应使用 mraid.js 格式。
- 试玩广告素材不应发出任何 HTTP 请求,例如:“XMLHttpRequest”。
- 试玩广告素材应为纵向模式。
- 试玩广告素材应采用响应式设计,因为它需要支持多种设备类型,而设备的分辨率各不相同。
- 包含所有素材的试玩广告的单个文件都可作为单个 HTML 文件和素材的一部分,而且应采用 URI 压缩数据格式(Javascript、CSS、图片、声音)。
- 试玩广告代码应在用户与广告中的行动号召互动时使用 Javascript 函数 FbPlayableAd.onCTAClick()。Facebook 使用该代码以导航至应用正确的应用商店页面。
- 试玩 HTML5 素材中不应包含任何 JavaScript 重定向。
- 不允许通过外部网络加载动态素材。
- 如要合并为一个文件:将图像编码为 base64 字符串,将 js 集成到 index.html 中。
压缩文件要求如下:
- 当前,所有 iOS 版和 Android 版广告版位均支持压缩文件格式的试玩广告。
- 压缩归档文件应包含位于根目录的 index.html,例如:./index.html
- 注意:只要是相对于 index.html 来引用资源,资源可位于目录结构中的任意位置。例如,以下文件:./assets/splash.png 必须引用为:

- 压缩归档文件中的所有 html 文件和 JavaScript 文件应存在相同的限制,但只需在一个位置调用 FbPlayableAd.onCTAClick()。
- 上传文件的总大小不得超过 5MB。
- 捆绑包内的文件数量不得超过 100 个。
- index.html 文件的大小不得超过 2MB。
试玩广告投放前测试
facebook提供试玩素材测试平台:developers.facebook.com/tools/playa… 在投放试玩广告之前可以在该平台上传,测试素材是否满足facebook渠道投放要求;
Google Ads 试玩广告要求
Google Ads平台投放的 试玩广告的格式是zip压缩包,要求如下:
- 以 .ZIP 文件的格式上传素材资源,最大不超过 5MB,.ZIP 中文件的数量不超过 512 个。
- 您最多可以为每个广告组上传 20 个 .ZIP 文件。
- .ZIP 文件可以包含以下格式:HTML、CSS、JS、GIF、PNG、JPG、JPEG、SVG。
- .ZIP 文件不能包含其他 .ZIP 文件
- 必须对非 ASCII 字符使用 UTF-8 编码。
- 应用广告系列的 HTML5 广告不支持声音和视频。
- HTML文件中需要指定试玩广告的方向:竖屏、横屏、竖屏和横屏,,代码如下:
竖屏:建议使用<meta name="ad.orientation" content="portrait">,也可接受:<meta name="ad.size" content="width=320,height=480">
横屏:建议使用<meta name="ad.orientation" content="landscape">,也可接受:<meta name="ad.size" content="width=480,height=320">
竖屏和横屏:<meta name="ad.orientation" content="portrait,landscape">
试玩广告投放前测试
Google Ads 也提供了试玩素材测试平台h5validator.appspot.com/adwords/ass… Ads 渠道投放要求;
TikTok试玩广告要求
TikTok平台投放的试玩广告格式是zip压缩包,要求如下:
- 试玩广告ZIP压缩包大小应小于 5 MB。
- ZIP压缩包一级目录中主 html 文件,需命名为 index.html。
- 一级目录中含有 config.json 文件。此文件为 .json 格式,其中含有试玩广告的方向字段,表明试玩广告素材的横版和竖版转化。值为 0(横版或竖版),1(仅支持竖版)和 2(仅支持横版)。
{
"playable_orientation": 0,
}
- 试玩广告素材需要支持多种类型的设备。
- 试玩广告素材不得为 mraid.js 格式。
- 不得通过外部网络来加载动态素材。
- 试玩 HTML5 素材不得含有任何 JS 重定向。
- 试玩广告素材不得发起任何 HTTP 请求。
- 为确保试玩广告能够有效运作,请开启 Pangle 的点击跳转操作授权。为此,Pangle 需要访问 js-sdk 的前端。如下:
试玩广告 js-sdk 接入
访问试玩广告素材时,Pangle 需要“在点击按钮时调用应用商店”。因此,您的试玩广告素材需要允许访问 js-sdk。此 js-sdk 能够在试玩广告内点击下载按钮之后,通过 Pangle js-sdk 调用应用商店。
js-sdk 地址如下:
sf16-muse-va.ibytedtos.com/obj/union-f…
js-sdk 接入方式
将以下代码放入正文最下方,开发者自己的 JS 代码之前。
调用方式
window.openAppStore();
试玩广告投放前测试
TikTok提供试玩广告素材测试APP,在正式投放试玩广告之前可以测试素材是否满足TikTok渠道投放要求,测试区分IOS和Android平台:
IOS测试工具下载链接:iOS Testing Tool for Pangle Playable Ads
Android测试工具下载链接:Android Testing Tool for Pangle Playable Ads
了解到试玩广告制作要求后,可以根据要求制作试玩广告了,但不同平台对试玩广告要求不同,增加了试玩广告制作的时间成本,尤其是Facebook支持单文件的试玩广告,增加了试玩广告制作的难度。很多小伙伴跟我留言说,不知道如何把Cocos Creator 平台制作的试玩工程生成各广告渠道试玩广告。我在网上发现了一个专门做Cocos Creator转试玩的平台,支持Cocos的2D和3D试玩打包文件一键生成试玩,支持facebook、Google ads、Mintegral、Unity、AppLovin、IronSource、Tiktok等渠道,基本上包含了市面上所有的主流渠道。这个平台不仅支持Cocos Creator引擎转试玩,也支持Three.js引擎转试玩了,可以说功能十分强大。我把该平台链接放到末尾了,有感兴趣小伙伴可以去看看。首页-SmartAd试玩广告制作平台