adjust-icon

スマートバナーSDKとShopifyの連携

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

SDKをShopifyに実装する

  1. https://admin.shopify.comでストア管理ツールに移動します。

  2. Online Store → Themes を選択します。

  3. 3つの点をクリックし、 Edit code を選択します。

    Shopifyテーマオーバービューページのスクリーンショット

  4. theme.liquidファイルを開きます。

  5. テーマの<head></head>タグ内にSDK loading snippetを追加します。

    Shopifyテーマエディタのスクリーンショット

  6. テーマの<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 -->

    スマートバナーSDK initオプションを表示したShopifyテーマエディタのスクリーンショット

  7. 変更を保存します。