メインコンテンツまでスキップ

Facebookプレイアブル広告

PlayCanvasは、公式の外部ツールを通じてFacebook Playable Adフォーマットと要件をサポートしています。

Facebook Playable Ads

ツールは、構成オプションを通じて、片方が2MB(無圧縮)HTMLファイル、もう片方が5MB(無圧縮)ZIPフォーマットの両方を作成できます。Facebook Playable Adの全仕様は、ヘルプセンターで見つけることができます。

サンプルプロジェクト​

Cube Jumpプロジェクトは、Facebook Playable Adフォーマットにエクスポートする準備ができており、HTML出力の期待される結果はこちらにあります。

ファイルサイズの補足​

厳格なファイルサイズ制限があるため、広告のアセットの使用を計画し、予算を立てる必要があります。

圧縮されていない最小化されたPlayCanvas Engineのコードは、 ~1.2MB であり、アセットファイルをBase64文字列にエンコードする必要があるため、各アセットファイルのサイズに対して約 ~30% 追加されます。

つまり、単一のHTMLフォーマットの場合、これはアセットに対して圧縮されていないとわかる~500KBを残して、Base64文字列にエンコードされる前の状態です。ZIP フォーマットの場合は、圧縮されていない状態のアセットに対して約~3MBが残っています。

画像をできるだけ小さく保ち、TinyPNGのようなツールを使用してさらにファイルサイズを縮小するようにしましょう。

Playable Ad のチェックリスト​

  • FbPlayableAd.onCTAClick( ) の関数呼び出しを呼び出しの一部として追加しましたか?

エクスポートの方法​

GitHubリポジトリのREADMEにあるセットアップ手順に従ってください。

単独HTML​

次のように config.jsonの以下のオプションを設定します。これにより、出力ディレクトリに単一のHTMLファイルが生成されます。

    "one_page": {
        "patch_xhr_out": true,
        "inline_game_scripts": true,
        "extern_files": false
    }

ZIP ファイル​

config.jsonの以下のオプションを設定すると、ZIPファイルが生成されます。ZIPファイルには、index.htmlからアセットデータとPlayCanvas Engineコードが別々のファイルとして含まれます。

    "one_page": {
        "patch_xhr_out": true,
        "inline_game_scripts": true,
        "extern_files": true
    }

そして、以下のコマンドを実行します。

npm run one-page

詳しいオプションやコマンドの詳細は、'プロジェクトを単一のHTMLファイルに変換する'というセクションのREADMEで確認できます。

テスト方法​

Facebook広告を作成する手順こちらに従い、広告用のファイルがアップロードされるタイミングで、マネージャー内でテストすることができます。

Test Ad

このツールによってコードパスが削除されたため、ソースに XMLHttpRequest が含まれる可能性があるという警告は無視してください。

Facebookはまた、デバイス上でのテストも管理者を介して許可していますが、最初に広告を公開する必要があります。これはFacebookの奇妙な制限ですが、現時点では必要です。

Preview Ad