Facebookプレイアブル広告

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

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

ツールにはいくつかの制限があります。これらの制限については、GitHubからのドキュメントを参照してください。

サンプルプロジェクト

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

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

ミニファイされたPlayCanvasエンジンのコードは、圧縮されていない場合は**~~1.2MBであり、アセットファイルをBase64文字列にエンコードする必要があるため、それぞれのアセットファイルのサイズに~~30%**加えられます。

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

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

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

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

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

config.jsonの以下のオプションを設定します。これにより、アセットデータとPlayCanvasエンジンコードがindex.htmlとは別のファイルとしてZIPファイルで生成されます。

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

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

npm run one-page

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

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

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

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