スマートバナー—モバイルWebからアプリへの誘導（ディベロッパー向け）

スマートバナー専用のAppsFlyer Web SDKのみ

1. スクリプトの YOUR_WEB_KEY のプレースホルダーを自分の Web keyに置き換えます。Web keyは、新しいWebsite Workplaceを作成する際に生成されます。
2. 以下コードをWebサイトのheadタグに貼り付けます。必ず、headタグの上部近くに貼り付けてください。

<script>
!function(t,e,n,s,a,c,i,o,p){t.AppsFlyerSdkObject=a,t.AF=t.AF||function(){
(t.AF.q=t.AF.q||[]).push([Date.now()].concat(Array.prototype.slice.call(arguments)))},
t.AF.id=t.AF.id||i,t.AF.plugins={},o=e.createElement(n),p=e.getElementsByTagName(n)[0],o.async=1,
o.src="https://websdk.appsflyer.com?"+(c.length>0?"st="+c.split(",").sort().join(",")+"&":"")+(i.length>0?"af_id="+i:""),
p.parentNode.insertBefore(o,p)}(window,document,"script",0,"AF","banners",{banners:{key: "YOUR_WEB_KEY"}});

// Smart Banners are by default set to the max z-index value, so they won't be hidden by the website elements.This can be changed if you want some website components to be on top of the banner.

AF('banners', 'showBanner', { bannerZIndex: 1000, additionalParams: { p1: "v1", p2: "v2"}});

</script>

スマートバナーとピープルベースドアトリビューション向けAppsFlyer Web SDK

1. スクリプトの YOUR_WEB_KEY のプレースホルダーを自分の Web keyに置き換えます。Web keyは、新しいWebsite Workplaceを作成する際に生成されます。
2. スクリプトのYOUR_PBA_KEYプレースホルダーをWeb Devキーに置き換えます。Web Devキーはブランドバンドルを作成した時に生成されます。
3. 以下コードをWebサイトのheadタグに貼り付けます。必ず、headタグの上部近くに貼り付けてください。

<script>
!function(t,e,n,s,a,c,i,o,p){t.AppsFlyerSdkObject=a,t.AF=t.AF||function(){
(t.AF.q=t.AF.q||[]).push([Date.now()].concat(Array.prototype.slice.call(arguments)))},
t.AF.id=t.AF.id||i,t.AF.plugins={},o=e.createElement(n),p=e.getElementsByTagName(n)[0],o.async=1,
o.src="https://websdk.appsflyer.com?"+(c.length>0?"st="+c.split(",").sort().join(",")+"&":"")+(i.length>0?"af_id="+i:""),
p.parentNode.insertBefore(o,p)}(window,document,"script",0,"AF","pba,banners",{pba: {webAppId: "YOUR_PBA_KEY"}, banners: {key: "YOUR_WEB_KEY"}});

// Smart Banners are by default set to the max z-index value, so they won't be hidden by the website elements.This can be changed if you want some website components to be on top of the banner.

AF('banners', 'showBanner', { bannerZIndex: 1000, additionalParams: { p1: "v1", p2: "v2"}});

</script>

1. GTMで、新しいタグを作成します。
2. タグに名前を付け、 タグ設定をクリックして、 カスタムHTML を選択します。
   
   

   

3. HTMLボックスに、SDKコードを貼り付けてください。コード内のYOUR-BANNER-KEYを実際のバナーキーに置き換えてください。注：PBA Web SDKをスマートバナーと連携する方法も参照してください。
   
   

   

4. トリガー をクリックし、画面の右上隅にあるプラスアイコンをクリックして新しいトリガーを作成します。
5. トリガーに名前を付け、トリガー構成をクリックして、ページビューを選択します。
6. バナーをすべてのページに表示する場合は、 すべてのページビューを選択します。選択したページにバナーを表示する場合は、「 一部のページビュー 」を選択し、タグをトリガーする条件を定義します。トリガーの詳細については、 GTMのドキュメントをご覧ください。
   
   

   

7. 右上隅にある [保存] をクリックします。
8. タグの設定画面に戻ります。すべてが設定されていることを確認し、右上隅の 保存 をクリックします。
9. GTMコンテナーを公開します。