使用GTM捕获DOM值

Question

这里的总菜鸟所以请耐心等待：

我正在尝试在客户端电子商务网站上设置动态FB再营销。问题是网站没有为此流程设置数据层，所以我试图从DOM中抓取一些电子商务价值（特别是产品名称）。

基本上我正在尝试从订单确认页面中的此代码字符串中捕获产品名称：

<h3> <p> <a href="/product/79530/icebreaker-pocket-hat" title="Show details for "> **Icebreaker&#174; Pocket Hat - Black/Cargo** </a> </p> </h3>

“Icebreaker®PocketHat - Black Cargo”是我试图将自定义FB像素作为GTM中的DOM变量提供的。我一直在尝试各种各样的事情，但到目前为止还没有真正有用的东西。我已经以这种方式捕获了订单价值，所以我相信这至少是可能的。

在同一个订单确认页面上，还有一些带有产品名称的JavaScript应该是有用的：

<script type="text/javascript"> var gbTracker = new GbTracker('cabelasca', 'Production'); gbTracker.autoSetVisitor(); var visitorId = gbTracker.getVisitorId(); var sessionId = gbTracker.getSessionId(); gbTracker.sendOrderEvent({ cart: { items: [ { productId: '79530', title: '**Icebreaker® Pocket Hat - Black/Cargo**', price: 24.97, quantity: 1 }, ] } }); </script>

我希望有人知道如何使用某种自定义GTM变量传递此值。任何对答案的轻推都将非常感激。谢谢你们。

Answer 1

如果我需要从DOM获取一些数据，我通常会做的是：

创建DOM元素变量

此变量将从DOM中找到所有必需的数据。例如，在你的情况下，变量应该是这样的：

CSS选择器：h3 > p > a

在代码中使用此变量

然后在您的代码中使用此变量：{{Product Title}}