如何使用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變量，我想你已經擁有了它