当在页面 GTM 中找到代码时自定义触发

Question

请您支持解决我的问题。我制作了一个自定义代码以动态触发我网站上的 schema.org 片段数据。

我只需要为博客 post 触发此功能。我的博客 post 由以下代码标识：

div class="span12" data-motopress-wrapper-file="single.php" data-motopress-wrapper-type="content">

所以当我找到 single.php 时，我必须将正确的标签触发到 Google 标签管理器中。

我需要创建一个自定义 dom 变量，但我无法理解如何去做。谢谢。

Answer 1

您应该能够使用以下配置创建 DOM 元素 变量：

并且该变量应该 return single.php 然后您可以使用触发器（例如，如果 {{My Dom Element}} 等于 single.php）

或者，您可以创建一个自定义JavaScript变量：

function() {
  var attr = "data-motopress-wrapper-file";
  return (document.querySelectorAll('['+attr+']')[0]).attributes[attr].value;
}

如果您的页面上有多个 data-motopress-wrapper-file 元素，那么您可以创建一个函数，根据其搜索特定的 single.php 和 return true/false存在：

function() {
  return (document.querySelectorAll('[data-motopress-wrapper-file="single.php"]').length>0);
}

Custom Trigger when code found inside the page GTM