时间戳

首页 > 解决方案 > 如何从站点代码中提取 gtm 变量

google-tag-manager - 如何从站点代码中提取 gtm 变量

问题描述

我希望将某些变量从购物篮页面上的以下代码中提取到 GTM。我需要帮助了解什么类型的 javascript 代码可以完成此操作。

<div id="productDetailsJSON_15410178" class="hidden">
    {
        'id': '85567',
        'name': 'awareness underwire bra',
        'category': 'not set',
        'list': 'not set',
        'position': 'not set',
        'brand': 'wacoal',
        'price': '65.00',
        'quantity': '1',
        'variant': 'midnight blue',
        'dimension1': '85567.488.36C',
        'dimension2': '36c',
        'dimension7': '',
        'dimension8': '36',
        'dimension9': 'c'
    }
</div>

标签： google-tag-manager

解决方案

您可以设置一个DOM 类型 GTM 变量，将选择器设置为#productDetailsJSON_15410178. 这将返回匹配元素的 innerText。

如果您想提取单个值，则必须在自定义 Javascript 变量中使用它并将变量内容解析为 JSON。这会有点问题，因为该变量的内容实际上不是 JSON 字符串（JSON 需要双引号），所以你不能只做一个 JSON.parse - 你需要事先用双引号替换单引号. 这有点乱，所以如果你能事先修复你的字符串会更容易。

推荐阅读