Shopifyとの連携

AdjustのスマートバナーSDKをShopifyに実装し、Shopifyのタグを使用してスマートバナーを配信できます。このガイドの手順に従って設定してください。

SDKをShopifyに実装する

  1. https://admin.shopify.comでストア管理ツールに移動します。
  2. Online Store → Themes​ を選択します。
  3. 3つの点（）をクリックし、 Edit code​ を選択します。
  1. theme.liquidファイルを開きます。
  2. テーマの<head></head>タグ内にSDK loading snippetを追加します。

  1. テーマの<body>タグまでスクロールし、SDKの初期化コールを入力します。このコールにはappTokenを含める必要があります。initメソッドを使用してSDKを設定するには、SDKの初期化オプションをご覧ください。

    <!-- Adjust Smart Banner SDK -->
<div id="AdjSbRoot"></div>
<script>
AdjustSmartBanner.init({
   appToken: "YOUR_TOKEN",
   logLevel: "verbose",
   bannerParent: document.getElementById("AdjSbRoot"),
});
</script>
<!-- Adjust Smart Banner SDK -->
  1. 変更を保存します。
注意:
この例のスニペットには、ID AdjSbRootの新しい区切り線が追加されています。この区切り線は、スマートバナーの親として使用されます。これを設定し、Shopifyのヘッダーがスマートバナーに重ならないようにする必要があります。バナーの親にスタイルを適用するか、別の親エレメントを選択することができます。親エレメントを追加しない場合、スマートバナーはdocument.bodyに付与されます。