从页面提取数据

[Joyzfsddt66]

可以修改上述 HTML 标签以创建其他类型的元素。以下示例部分将对此进行探讨。

有两种方法可以从页面中提取数据。您可以使用 GTM 的内置变量，这些变量允许您根据 CSS 选择器提取文本或元素的属性，或者使用自定义 HTML 标签中的 JavaScript 和/或 jQuery 执行相同操作。

在 SEO 变化的背景下，您最常想要从页面中提取数据的地方是使用 JSON-LD 构建结构化数据标记。为了演示不同的方法，我将展示一种通过提取 GTM 变量和自定义 HTML 标记中的项目 来构建产品标记的方法。

对于此示例，我们可以想象一个网站，其产品页面包含有关其产品的数据，每个产品在页面的 HTML 中都有唯一的 ID。实际上，您需要找到能为您提供所需元素的 CSS 选择器。Selector Gadget Chrome 扩展程序是一个很好的工具，它允许您为页面上的任何元素找到唯一的 CSS 选择器。

为了举个例子，我们假设有以下 ID：


使用 GTM 变量
如果您使用 GTM 变量从页面中提取数据，则需要为上述每个元素设置 加拿大 whatsapp 号码数据 一个变量。您可以转到“变量”菜单并点击“用户定义变量”下的“新建”来执行此操作。

对于上述每个元素，使用适合每个项目的 ID 或 CSS 选择器定义一个新的“DOM 元素”类型变量。对于上述所有元素，您需要将“属性名称”字段留空，但图像除外，您需要从图像中提取src属性。

为了将这些变量拉入某些 JSON-LD 标记，我们需要设置一个引用它们的自定义 HTML 标签。

请注意，为了引用 GTM 变量，另请注意，我们引用了“页面 URL”，这是 GTM 中的默认内置变量。此脚本的最后四行将 jsonData 元素转换为脚本元素的一部分，类型为“application/ld+json”，以注入页面的头部。

使用 jQuery
我们可以做与上述相同的事情，而无需触碰 GTM 变量，而是使用单个 HTML 标签。在​​这种情况下，我们需要使用 jQuery 来完成与 GTM 变量相同的工作。