时间戳

首页 > 解决方案 > 在页面 GTM 中找到代码时的自定义触发器

wordpress - 在页面 GTM 中找到代码时的自定义触发器

问题描述

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

我只需要为博客文章触发它。我的博客文章由以下代码标识：

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

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

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

标签： wordpresscustomizationgoogle-tag-manager

解决方案

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

  • Selection Method: CSS 选择器
  • Element Selector: [数据-motopress-包装文件]
  • Attribute Name：数据-motopress-包装文件

并且该变量应该返回single.php，然后您可以使用触发器（例如 if {{My Dom Element}}equals single.php）

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

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

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

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

推荐阅读