如何使用带有多个架构的 Google 跟踪代码管理器 使用 JSON-LD 和变量进行产品评论

因此，我使用 Google 跟踪代码管理器将架构 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 设置显然有问题。

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

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

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

您可以使用自定义 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/ 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});
}

现在您有了reviews 变量，可以将其用作JSON-LD 标记中“reviews”键的值。