如何从站点代码中提取gtm变量

Question

我希望从购物篮页面上的以下代码中提取某些变量到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>

Answer 1

您可以设置DOM type GTM variable，将选择器设置为#productDetailsJSON_15410178。这将返回匹配元素的innerText。

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