スマートバナー—モバイルWebからアプリへの誘導（マーケター向け）

スマートバナーを表示できるようにモバイルサイトを準備します。 

1. AppsFlyer 管理画面から、エクスペリエンス＆ディープリンク > Web-to-App > スマートバナーへ移動します。
2. ＋　Website Workplaceを作成をクリックします。
3. Website Workplaceの名前を入力します。
4. 作成をクリックします。
   そうすると、Website Workplaceが作成されます。
5. バナーのコードスニペットをコピーします。
6. コードスニペットをWebサイトに実装してください。この作業は、1つのWebサイトに対して一度だけ行ってください。
   • このコードをWebサイトのGoogle Tag Manager、Adobe Tag Manager、Shopify、Wix、Squarespace、またはWordPressに追加するには、マーケター向けスマートバナーのWebサイトへの実装を参照してください。
   • コードを他のプラットフォーム経由で追加したり、必要に応じてコードを変更する（パラメーターの追加、ディープリンク、バナーの非表示、スマートバナーとPBAの統合など）には、ディベロッパー向けスマートバナーのWebサイトへの実装を参照してください。
7. [オプション] Web keyをコピーします（このキーは既にコードスニペットの一部としてコード内に存在します）。
8. [次へ] をクリックします。

バナーグループには、1つ以上のバナークリエイティブが含まれます。ここでは次の設定が可能です：

• バナーグループで使用するOneLinkテンプレートを選択します。これにはWebサイトにアクセスしたユーザーを誘導するモバイルアプリが含まれます。
• 特定のディープリンクスキームを設定します。
• バナーグループ内の全てのバナーに適用されるターゲットのルール、スケジュール、動作（挙動）、アトリビューションの詳細を定義します。
• ウェブアクセス時にバナーグループのバナーをアクティブにするページを設定します。

新しいバナーグループを設定するには：

1. AppsFlyer 管理画面から、エクスペリエンス＆ディープリンク > Web-to-App > スマートバナーへ移動します。
2. 左側のメニューで、[バナーグループの追加]をクリックします。
3. 一意のバナーグループ名を入力します。
   名前は、バナーグループ内で定義されるバナー間の一般的な共通テーマ（広告アプリなど）を反映した名前を付けてください。
4. バナーグループのOneLinkテンプレートを選択します。
5. [オプション] ユニバーサルリンクとAndroidアプリリンクユーザーのフォールバックとして、バナーグループ用のURIスキームを設定します。デフォルトで、この値はOneLinkテンプレートから取得されるため、これはほとんどの場合使用されません。テンプレートの値と異なる値が必要な場合にのみ、バナーグループにこの値を設定してください。
6. このバナーグループから来た新しいインストールを計測させるプライマリ（メイン）およびフォールバックの計測ソースを設定します。次の表をご参照のうえ、使用したい計測ソース（パラメータ）を選択してください。

   オプション	いつ選択すべきか	備考
   Use UTM parameters (UTMパラメーターを使用)	ほとんどの非オーガニック訪問者がUTMパラメータを持つソースからモバイルWebサイトにアクセスする場合に選択します。	メディアソース名 (pid) = UTM_Source  キャンペーン (c) = UTM_campaign UTM_Source または UTM_Campaign がない場合は、フォールバックとして静的名が使用されます。
   Use incoming attribution link parameters (アトリビューションリンクのパラメーターを使用)	ほとんどの非オーガニック訪問者が、AppsFlyerの計測リンクを使用するクリック広告ネットワークからモバイルWebサイトにアクセスする場合に選択します。	AppsFlyerアトリビューションリンクからの全ての利用可能なパラメータは、スマートバナーリンクに追加されます。 AppsFlyerアトリビューションリンクとスマートバナーの両方にパラメータが存在する場合、パラメータは最終カスタムリンクで優先されます。
   Add another attribution parameter (別のアトリビューションパラメーターを追加)	必要に応じて、追加でWebサイトに関連する計測データを追加してください。これによりインストールごとに詳細な分析が可能になります。	例えば、eコマースサイトで全ての商品タイプに、af_adset の値のみが異なる同一のカスタムリンクを作成します（例："af_adset=fruit")。
   Use default attribution parameters (デフォルトのアトリビューションパラメータを使用)	以下の場合に選択してください。 ほとんどのモバイルWebサイト訪問者がオーガニックである。 非オーガニックの訪問者は、アドネットワークのクリックまたはUTMパラメーターを持つ媒体からWebサイトにこない。 パラメーター値をカスタマイズできます。	重要：ベストプラクティスは、UTMまたは流入計測リンクパラメータを選択する方法です。なぜなら、メディアソース、キャンペーン、チャネル名が利用できない場合、デフォルトのスマートバナー計測パラメーターはカスタムリンク上でフォールバックとして使用されるためです。

7. [推奨] デフォルトの計測パラメータチャンネル名を設定して、スマートバナーから来るすべてのインストールを指定されたチャンネルに紐づけます。これにより、コホートレポート、オーバービュー管理画面、リテンションレポートなどで、同じチャネルの下に複数のメディアソースからの情報を集約できます。
8. [オプション] 非表示動作を設定します。つまり、ユーザーがグループ内のバナーを閉じてから、再度同じバナーが表示されるまでの最小時間を設定します。次のいずれかから選択してください。
   • 時間ごと：1時間、1日、または1週間。
   • 次のセッション：ユーザーがバナーを閉じた後、別のタブまたはウィンドウで行われるセッションを意味します。
   • 二度と表示しない：バナーは再表示されません。
     注： 
     • ユーザーがブラウザのキャッシュをクリアするか、プライベートモードでブラウザを使用している場合は、非表示動作設定は機能しません。
     • 非表示動作は、ユーザーが閉じたバナーに適用されます。バナーグループ内の他のバナーは引き続き表示できます。
9. [オプション] フリークエンシーキャップを設定します。
   フリークエンシーキャップは、バナーグループの各バナーが一人のユニークユーザーに対して最大何回表示させるかを決定します。
   [制限なし] (バナーは常に表示されます) または [ユーザー毎にバナーの表示回数を制限する] のいずれかを選択します。例えば、フリークエンシーキャップが3で、ユーザーが4回にサイトを訪れた場合、ユーザーには同じバナーが最初の3回表示されますが、4回目以降は表示されません。
10. [オプション] バナーを表示するオペレーティングシステムを設定してください。
    • 全てのモバイルオペレーティングシステム
    • Androidのみ、またはiOSのみ。
11. [オプション] バナーグループを有効化するスケジュール：すぐに開始（デフォルト）または期間限定のキャンペーンを設定します。
12. [オプション] ロケーションを設定して、バナーグループが有効になる地域を指定します。
    1. このバナーグループをすべてのユーザーに表示するには、ワールドワイドを選択します。必要に応じて、異なる地域、国、州からの訪問者を除外します。
    2. 特定のロケーションを選択をクリックすると、このバナーグループを一つまたは複数のロケーションで表示できます。
13. [オプション] 表示するページを設定してください。バナーグループを表示するページを設定します。
    • [デフォルト設定] ウェブサイトの全ページに表示されます。
      注意： フォールバックとして、全ページに少なくとも1つのバナーグループを定義することをお勧めします。
    • 特定のページに表示 : バナーを表示するために、ページまたはURLに含めるべき、または含めないものの条件を指定します。
      • 次のいずれかを選択できます。
        • 特定のページ：バナーを表示するページのホストおよび／またはパスを指定します。入力されたクエリはすべて無視されます。例： http://www.example.com/path?query
        • URLパスとクエリ：バナーが表示されるかを決定するパスおよび／またはクエリを入力してください。例：path?query。 注記：次のようにURL全体を入力しないでください。 http://www.example.com/path?query。パスおよび／またはクエリのみを入力してください。 
      • and/or を使用して、最大 5 つの条件を追加できます。
      • 条件間で競合がある場合、バナーは表示されません。
14. バナーグループを作成をクリックします。
15. [オプション] 再度バナーグループを編集するには、[ターゲティング＆動作] にカーソルを合わせ、[編集] をクリックします。

バナーグループ内にバナークリエイティブを作成する：

1. バナーの作成 をクリックして、バナーの編集ページを開きます。
2. バナーの名前を設定します。
3. クリエイティブをデザインします：
   1. クリエイティブをデザインするをくりっくして、バナーのクリエイティブを設定します。
      バナーテンプレートの選択画面が開きます。
      

      

   2. クリエイティブテンプレートにカーソルを合わせ、作成をクリックして、クリエイティブの作成ページを開きます。
   3. スマートバナークリエイティブの全ての要素をカスタマイズしましょう。名前で要素を選択するか、プレビュー画像上で要素をクリックして編集できます。
      • タイトル
      • 説明
      • 星のレーティング
      • 閉じるボタン
      • アクションボタン
      • アプリのロゴ
      • 背景
      • バナーの余白（バナーサイズを調整するため）
      • 画像は、次のいずれかのファイル形式を使用してください：jpeg、jpg、png 
        注：webp形式はサポートされておりません。
        画像の推奨事項は次のとおりです：
        

        テンプレートタイプ	最大画像ファイルサイズ	DPI	画像比率
        スタンダード	300 キロバイト	72	9:4 (横長)
        強化版			9:4 (横長)
        販促版			1:1
        インタースティシャル			9:16 (垂直)

   4. レビューをクリックして、バナークリエイティブを確認し、異なるデバイス上でのデザインをレビューしてください。
      注：アクティブなキャンペーンでは、プレビュー画像とバナーの表示が若干異なる場合があります。
   5. 変更が必要な場合は、エディタに戻るをクリックしてください。
   6. 完了をクリックして、バナー設定ページに戻ります。
4. [オプション] カスタム計測パラメーターを追加してください。例えば、ad_adset や af_ad などです。
   注：pid、c、および channel パラメーターは、バナーグループ単位に属しているため、バナー単位では追加できません。
5. 新しいクリエイティブが完了し保存した後、バナーのステイタスはアクティブになります。ステータストグルを使用して、アクティブと一時停止のステータスを切り替えられます。
6. [オプション] ユーザー獲得用のURLからリターゲティングURLに計測リンクを変換するには、is_retargeting=true パラメーターを追加してください。
7. すべて保存をクリックして保存するか、すべてを保存して閉じるをクリックして保存してバナー設定ページを閉じます。

クリエイティブの準備ができたら、本番環境でアクティブにする前に テストを実施してください。

スマートバナーのクリエイティブをテストする方法： 

前提条件：スマートバナーのコードスニペットがWebサイトに実装されていることを確認してください。

1. クリエイティブのテストページにて、スマートバナーSDKが実装されているWebページへのリンクを入力してください（ディベロッパー向けのスマートバナーを参照してください）。
2. [Generate] をクリックします。
3. 生成されたリンクをコピーし、テスト端末に送信するか、QRコードをテスト端末でスキャンします。リンクまたはQRコードはWebページにリダイレクトし、クリエイティブとともにバナーが表示されます。
4. クリエイティブを編集 をクリックしてクリエイティブ設定に戻るか、 完了をクリックしてクリエイティブを保存します。

AppsFlyerは、スマートバナーを表示するかどうかを決定する際に、次の点を考慮します。

• バナーグループのルール（非表示動作、フリークエンシーキャップ、場所、アクティブなページ等）の設定はありますか？
• エンドユーザーはルールの条件を満たし、バナーが表示される条件に当てはまりますか？

両方の質問に対する回答が「はい」の場合、つまりルールが設定されていて、ユーザーにバナーを表示する条件に当てはまる場合、AppsFlyerは次の表で説明されているように表示するバナーを選択します。

個々のバナーのパフォーマンスをA/Bテストすることができます。テストするには、カスタム計測パラメーターをバナークリエイティブに追加し（バナー設定のステップ4）、これらのパラメーターを使用して各バナーのパフォーマンスを比較してください。

pid、c、channelはバナーグループ単位のため、これら以外のパラメーターを追加してください。

推奨：各バナークリエイティブに一意の af_adset パラメーターを追加してください。次に、AppsFlyerオーバービュー管理画面の集計パフォーマンスレポートを使用して、次の画像のとおり、パフォーマンスを簡単に比較できます。