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

2019-07-01 19:30:41 阅读：261 来源： 互联网

标签：javascript schema html google-tag-manager 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管理器中设置变量,如下所示：

有时会出现在页面上的多个评论,所以我需要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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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