如何使用DOM元素变量在GTM中添加AggregateRatingin？

Question

，我使用作为实施使用GTM DOM变量产品模式的自定义HTML标签的产品架构代码..

<script> 
var jsonData = { 
    "@context": "http://schema.org", 
    "@type": "Product", 
    "name": {{productName}}, 
    "image": {{productImg}}, 
    "url": {{Page URL}}, 
    "aggregateRating": { 
    "@type": "AggregateRating", 
"ratingValue": {{avgRating}}, 
    "reviewCount": {{ratingsCount}}, 
    } 
    } 

    var script = document.createElement('script'); 
    script.type = 'application/ld+json'; 
    script.text = JSON.stringify(jsonData); 
    $("head").append(script); 
</script> 

如何配置的DOM元素变量在AggregateRating变量（avgRating，ratingsCount） GTM。

这里是标记

<div class="woocommerce-product-rating"> 
     <div class="star-rating"> 
      <span style="width:100%"> 
       <strong class="rating">5.00</strong> out of <span>5</span>    based on <span class="rating">1</span> customer rating   </span> 
     </div> 
     <a href="#reviews" class="woocommerce-review-link" rel="nofollow">(<span class="count">1</span> customer review)</a> </div> 

Answer 1

您需要创建GTM两个变量

1）进入Variables->User-Defined Variables->New->Custom Javascript

2）名称ProductAvgRating和JS代码创建变量：

function() { 
    try { 
    return parseFloat(document.querySelector('.woocommerce-product-rating strong.rating').innerText); 
    } 
    catch(e) {return 0;} 
} 

2）创建名称为的变量和JS代码：

function() { 
    try { 
    return parseInt(document.querySelector('.woocommerce-product-rating span.rating').innerText); 
    } 
    catch(e) {return 0;} 
} 

，然后改变你的HTML标记那样：

<script> 
var jsonData = { 
    "@context": "http://schema.org", 
    "@type": "Product", 
    "name": {{productName}}, 
    "image": {{productImg}}, 
    "url": {{Page URL}}, 
    "aggregateRating": { 
    "@type": "AggregateRating", 
"ratingValue": {{ProductAvgRating}}, 
    "reviewCount": {{ProductRatingsCount}}, 
    } 
    } 

    var script = document.createElement('script'); 
    script.type = 'application/ld+json'; 
    script.text = JSON.stringify(jsonData); 
    $("head").append(script); 
</script> 

附：你没问productName和productImg变量，我想你已经拥有了它