编程语言
首页 > 编程语言> > javascript – 如何将Google跟踪代码管理器与多个架构一起使用产品评论使用JSON-LD和变量

javascript – 如何将Google跟踪代码管理器与多个架构一起使用产品评论使用JSON-LD和变量

作者:互联网

因此,我正在使用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管理器中设置变量,如下所示:

enter image description here

有时会出现在页面上的多个评论,所以我需要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/上显示我的想法.您可以从页面获取所有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});
}

现在,您有一个review变量,可以在“review”键的JSON-LD标记中用作值.

标签:javascript,schema,html,google-tag-manager,json-ld
来源: https://codeday.me/bug/20190701/1350307.html