Shopify 集成

您可以将 Adjust 智能横幅 SDK 集成到 Shopify 并通过 Shopify 标签发送智能横幅。请按照本指南中的步骤进行设置。

在 Shopify 中集成 SDK

  1. 访问https://admin.shopify.com找到您的商店管理员工具。
  2. 选择 Online Store (线上商店) → Themes (主题)​ 。
  3. 选择活跃主题上的三点菜单 ()并选择 Edit code (编辑代码)​ 。
  1. 找到并打开theme.liquid文件。
  2. 将SDK 加载片段添加进主题的<head></head>标签中。

  1. 向下滚动至主题的<body>标签，输入 SDK 初始化调用。该调用必须包含 appToken。请查看SDK 初始化选项来使用init方法配置 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的新 divider 。此 divider 被用作智能横幅的父级。您需要进行此设置，以防止 Shopify 标头与智能横幅重叠。您可以为横幅父级应用样式或选择不同的父级元素。如果您不添加父级元素，智能横幅就会附加到document.body上。