How to create TikTok Pangle Playable Ads in TikTok Ads Manager
プレイアブル広告とは、ユーザーがお客様のアプリをダウンロードする前にそのプレビューを紹介するインタラクティブな動画です。
始める前に
ファイルが以下の要件に適合することを確認してください。
プレイアブル広告素材は.zipフォーマットである必要があります。
プレイアブル広告素材は5MB未満（圧縮後）である必要があります。
第1レベルのディレクトリ内のメインの.htmlファイルには、index.htmlという名前を付ける必要があります。
クリックするとジャンプする操作をTikTok Pangleで許可してください。このためには、TikTok Pangleがjs-sdkのフロントエンドにアクセスする必要があります。この操作の詳細については、「プレイアブル広告js-sdkへのアクセス」のセクションを参考にしてください。
第1レベルのディレクトリには、config.jsonファイルが含まれている必要があります。これは、.jsonフォーマットで、プレイアブル広告の方向フィールドを含むもので、プレイアブル広告素材の横方向と縦方向への適応を表します。値は0（縦横どちらでも可）、1（縦方向のみ対応）、2（横方向のみ対応）です。
{ "playable_orientation": 0, }
プレイアブル広告素材は複数のタイプのデバイスに対応する必要があります。
プレイアブル広告素材はmraid.jsフォーマットで格納することはできません。
外部ネットワークを使用して動的素材を読み込むことは許可されていません。
プレイアブルHTML5素材にJSリダイレクトを含めないでください。
プレイアブル広告素材ではHTTPリクエストを行わないでください。
TikTok広告マネージャーでプレイアブル広告を作成する方法
TikTok広告マネージャーにログインします。
「ツール」を開きます。
クリエイティブの下の「クリエイティブライブラリ」をクリックします。
「プレイアブル」を選択します。
次をクリックします：アップロード
.zipファイルを追加します。
TikTok広告マネージャーに再度ログインします。
新しいキャンペーンを作成してください。
「アプリプロモーション」を広告目的として選択します。
「アプリインストール」をキャンペーンタイプとして選択します。
プレースメントでは、TikTok Pangleをプレースメントの1つとして含める必要があります。
配信対象の設定には「デモグラフィック」に移動します。
「ロケーション」をクリックして、TikTok Pangleが対応している市場を選択します。
「広告フォーマット」で「シングル動画」をクリックします。
プレイアブルモジュールで「ライブラリから追加」または「アップロード」をクリックし、プレイアブル素材を広告セットに追加します。
「追加」を押して別の広告を作成すると、プレイアブル素材に別の動画広告を紐付けできます。
広告セット内のすべての広告は、1つのプレイアブル素材に紐付きます。異なるプレイアブル素材を採用した広告を作成するには、新しい広告セットを作成する必要があります。
プレイアブル広告の詳細については、こちらをご覧ください。
プレイアブル素材の要件
ファイルが以下の要件に適合することを確認してください。
プレイアブル広告素材は.zipフォーマットである必要があります。
プレイアブル広告素材は5MB未満（圧縮後）である必要があります。
第1レベルのディレクトリ内のメインの.htmlファイルには、index.htmlという名前を付ける必要があります。
クリックするとジャンプする操作をTikTok Pangleで許可してください。このためには、TikTok Pangleがjs-sdkのフロントエンドにアクセスする必要があります。この操作の詳細については、「プレイアブル広告js-sdkへのアクセス」のセクションを参考にしてください。
第1レベルのディレクトリには、config.jsonファイルが含まれている必要があります。これは、.jsonフォーマットで、プレイアブル広告の方向フィールドを含むもので、プレイアブル広告素材の横方向と縦方向への適応を表します。値は0（縦横どちらでも可）、1（縦方向のみ対応）、2（横方向のみ対応）です。
{ "playable_orientation": 0, }
プレイアブル広告素材は複数のタイプのデバイスに対応する必要があります。
プレイアブル広告素材はmraid.jsフォーマットで格納することはできません。
外部ネットワークを使用して動的素材を読み込むことは許可されていません。
プレイアブルHTML5素材にJSリダイレクトを含めないでください。
プレイアブル広告素材ではHTTPリクエストを行わないでください。
注：プレイアブル広告の素材を細かく分割して、加速される並行ダウンロードができるようにするのがベストです。
プレイアブル広告js-sdkへのアクセス
プレイアブル広告素材にアクセスする際、TikTok Pangleはコンバージョンボタンがクリックされたときにアプリストアを呼び出す必要があります。そのため、プレイアブル広告素材の作成者は、js-sdkへのアクセスを可能にする必要があります。このjs-sdkは、プレイアブル広告でダウンロードボタンがクリックされた後に、TikTok Pangleのjs-sdkを通じてアプリストアを呼び出すことを可能にします。
注：アクセスする側は、ダウンロードやページジャンプの操作を自分で呼び出す必要はありません。これらの操作はjs-sdkが行います。
js-sdkアドレス：
https://sf16-muse-va.ibytedtos.com/obj/union-fe-nc-i18n/playable/sdk/playable-sdk.js
js-sdkへのアクセスメソッド：
本文の最後で開発者自身のJSの前に、以下のコードを記述します<script src= "https://sf16-muse-va.ibytedtos.com/obj/union-fe-nc-i18n/playable/sdk/playable-sdk.js"></script>
呼び出しメソッド
window.openAppStore();
以下に例を紹介します。
プレイアブル広告向けクリエイティブについての提案
プレイアブル広告の要素 | クリエイティブについての提案 |
プレイアブルクリエイティブ | ・過去のキャンペーンで最もパフォーマンスが良かったクリエイティブを使ってユーザーにゲームの実際のシナリオを体験してもらい、ゲームの魅力を伝える。 ・ゲームプレイの中核に関連する素材を探索して、インタラクティブな要素を作り出す。特殊エフェクトや数値設定、その他の方法を使って内容を強調できます。 ・「99％の人ができない」、「このレベルをパスできるのは天才だけ」など、さまざまなシナリオを検討する。 ・イージー、ノーマル、ハードなど、異なる難易度レベルを検討する。 ・動画とプレイアブル広告が関連していることを確認する。動画の長さは10〜25秒が最適です。最大でも30秒以内に収めましょう。 ・より多くのトラフィックを得るために、縦向きと横向きの両方のクリエイティブを試す。 ・デモに刺激的なBGMや目を引く特殊効果を使用する。 |
プレイアブルインタラクション | インタラクションの前に：ユーザーが2秒以内にゲームプレイを理解して習得できるように、シンプルで明確なガイド（テキスト、ジェスチャーなど）を設ける。以下に例を紹介します。 ・ユーザーがプレイアブル広告をクリックしたら音声を再生する。 ・ユーザーがクリックした後、10秒間フォローアップのアクションがない場合、次のシーンを自動再生する。 ・インタラクションの前に、広告の読み込みが必要な場合、1～2秒以内に収まるよう調整する。 ・プレイアブル広告が始まる前に、これから起きることをユーザーが予期できるように、TikTokはアニメーションガイドの用意を推奨します。 インタラクション中：ダウンロードを促すため、インタラクション中にCTAを表示することが可能です。以下に例を紹介します。 ・インタラクション中にユーザーがいつでもクリックできるよう、アプリストアに誘導するボタンをインタラクション中に継続して表示することを推奨。 ・インタラクション中、ゲームロゴ、ゲーム名、ゲームアップグレードボタンなどの他のコンテンツエリアをクリック可能に設定することを推奨します。 インタラクション終了後： ・TikTokはゲームアイコン、ゲーム名、タイトルなどを含め、多くの情報をすべてクリック可能な状態で表示することを推奨します。（クリック可能にすべき情報はこれらに限定されません） ◦ゲームをダウンロードするためのCTAボタンは、視認でき、目立つものでなければなりません。 |
注： プレイアブル広告を確認できるのは、プレビュー中のみです。App Storeへのジャンプには対応していません。広告のクリック可能なエリアをクリックした後にそれ以上のインタラクションは発生しません。
最初のシナリオに、動画、音声、動的エフェクトなど、何らかのインタラクションが設定されている場合、ブラウザの機能的な制限のため、ブラウザからプレイアブル広告をプレビュー再生するには画面のどこかをクリックする必要があります。プレイアブル広告は、オンラインで配信されると自動的に期待通りに再生されます。
