如何使用 java 脚本获取跨度文本以通过 GTM 将其传递给 GA

Question

我的网站上有这样一段代码：

<span itemprop="productID" data-masterid="MV-20648-BR">20649-BR</span>

其中我需要得到 20649-BR

我试过用这个：

var div = document.getElementByClassName("itemprop");
var spans = div.getElementsByTagName("span");
  alert(spans);

但我无法获取文本值。谁能帮帮我！

Answer 1

如果你想要 span 标签内的内容，你可以使用它，它会给你里面的文本

 <span id="demo">asdriweognaerg</span>
    <script>
    var spantext=document.getElementById("demo");
    alert((spantext).textContent);
    </script>

Answer 2

您尝试与 HTML5 中的模型属性交互，您需要在 'Custom Javascript' 中创建变量：

From Variables > New > Dom Elemetn

为其命名，然后在其中添加以下代码：

function(){
  
   var masterId = document.querySelectorAll('span[data-masterid]');
   var allmasterId = Array.prototype.map.call(masterId, function(a) { return  a.getAttribute('data-masterid');  });
    
   return allmasterId;
}

现在您可以通过{{varibale_name}}在GTM中的任何地方使用这个变量名。

如何使用 java 脚本获取跨度文本以通过 GTM 将其传递给 GA

How to get the span text using java script to pass it to GA through GTM

html

javascript

google-tag-manager