如何使用带有 JSON-LD 和变量的多模式产品评论的 Google 跟踪代码管理器

Posted 2023-03-08

【中文标题】如何使用带有 JSON-LD 和变量的多模式产品评论的 Google 跟踪代码管理器

【英文标题】：How to use Google Tag Manager with Multiple Schema Product reviews using JSON-LD and Variables

【发布时间】：2017-09-28 05:08:04

【问题描述】：

因此，我使用 Google 跟踪代码管理器将 Schema JSON-LD 产品评论添加到某些页面，但我被困住了，无法找到有关该问题的任何资源。

我遇到的问题是如何告诉 GTM 有多个元素，它们应该在 JSON-LD 中重复，每个元素都有其唯一值。

我用来获取值的方法是使用不唯一的 CSS 选择器，因为在某些页面上它们可以出现 20 次，而在其他页面上可以出现 30 次。变量是通过 Google GTM 获取的。

在我添加的所有页面上使用 Google 跟踪代码管理器自定义 html

<script>
(function() 

var data =  

  // THIS APPEARS ONCE.      
  "@context": "http://schema.org",
  "@type": "Product",
  "name": "name",
  "aggregateRating":
    
      "@type": "AggregateRating",
      "ratingValue": "rating",
      "reviewCount": "ratingCount"
    

    // THIS BLOCK OF CODE NEEDS TO BE REPEATED EVERYTIME VARIBLE  customer IS FOUND
    "review": [
      
        "@type": "Review",
        "author": "customer",
        "datePublished": "date",
        "name": "desc",
        "reviewBody": "say",
        "reviewRating": 
      "@type": "Rating",
      "ratingValue": "customValue"        
    ]
  

  var script = document.createElement('script');
  script.type = "application/ld+json";
  script.innerHTML = JSON.stringify(data);
  document.getElementsByTagName('head')[0].appendChild(script);
)(document);
</script>

遗憾的是，经过测试，我无法让 JSON-LD 的审查部分以统一的方式重复。事实上，我对 JSON 的审查期不能超过一个，显然我的代码和 GTM 设置有问题。

然后使用带有 CSS 选择器的 DOM 元素在 Google TAG 管理器中设置变量，如下所示：

有时页面上会显示多个评论，因此我需要 JSON 中的多个条目，我当前的代码最多只能输出一个。

问题，如果页面上存在多个产品评论，我如何让 GTM 在 JSON-LD 中添加另一个评论？

【参考方案1】：

您可以使用自定义 javascript 变量来存储值数组，然后将这些数组的元素设置为 JSON-LD 中的值。

例如，要获取 H1 标记的文本，您可以使用此函数创建自定义 JavaScript 变量：

function () return document.querySelector('h1').innerText;

假设您将这个变量命名为 h1。然后您可以将此变量用作 JSON-LD 中的 h1。

JSON-LD 代码可以存储在自定义 HTML 标记中并填充上述变量。

如果页面上有多个 H1，则可以使用此变量：

function () return  document.querySelectorAll('h1');

它将返回一个元素数组，您可以遍历该数组以获取 innerText 或只查看每个元素，如下所示：

h1[0].innerText

让我在这个博客文章示例中展示我的想法 - https://netpeak.net/blog/modify-your-ppc-strategy-to-suit-voice-search/。您可以像这样从页面获取所有 H2 标题（或评论或任何内容）：

var allh2 = document.querySelectorAll('h2');

就 GTM 而言，它可以是自定义 JavaScript 变量，或者您可以使用 JSON-LD 构建一个自定义 HTML 标记。接下来，您创建一个空数组来存储这些标题的内部文本，并将所有值作为 JSON-LD 表示法的对象推送：

var reviews = [];
for(i = 0; i < allh2.length; i ++) 
  reviews.push('review':allh2[i].innerText);

现在您有了评论变量，该变量可用作 JSON-LD 标记中“评论”键的值。

【讨论】：

这个想法是使用 GTM 从 HTML 中获取这些值。

自定义 JavaScript 变量可让您做到这一点。

拜托，您能否编辑您的问题并使用我提供的代码进行代码演示，否则答案质量低下，至少可以说不是很有帮助。我正在寻找代码中的答案或基于 GTM 文档的权威答案。

好的，我知道你的例子在哪里，但是如果在页面上找到多个值，你如何告诉 JSON 重复？

自定义 JavaScript 变量是 GTM 中的一种变量类型，我的回答是关于使用这种变量。