我们的博客在署名中列出了作者和出版日期。我们需要提取名称，但保留时间戳、尾随竖线和空格。。标签管理器从页面标记中提取作者姓名。 文章图片：我们的博客安装了 Yoast，它为 Twitter 和 Open Graph 指定了图像标签。
注意：我使用 meta twitter:image
而不是 og:image 标签值，因为当我撰写本文时，我们博客上的 Open Graph 图像存在一个小错误。
文章描述：我们将使用元描述。 这是我们的插入脚本，我们 瑞典电话号码数据 将在标签中使用它，这次它带有我们需要创建的变量的属性： 带有动态变量的 Google Tag Manager json-ld 插入脚本 我现在先不讨论 DateModified — 我们稍后会讨论它。
提取元值 幸运的是
Tag Manager 可以非常轻松地从 DOM 元素中提取值 – 特别是因为与元属性一样，我们需要的值将在元素的某个属性中。要提取页面标题，我们可以获取 <title> 标签的值。
我们不需要为此命名任何属性： 配置 Google Tag Manager 标签 从而提高用户保留率 以提取标题值 对于元属性，我们可以从内容属性中提取值： 配置 Google Tag Manager 标签以提取标题值 Tag Manager 还有一些有用的内置变量，我们可以利用它们 – 在本例中是页面 URL： 标签管理器页面内置于 URL 变量中。
正在处理页面元素
为了提取作者姓名，我们网站的标记使得直接选择 电报号码 器无法工作，这意味着我们需要使用一些自定义 JavaScript 来获取我们想要的文本（跨度元素的文本，而不是时间元素），并删除最后 3 个字符（“|”）以仅获取作者姓名。
如果此选择器出现问题，我还设置了后备方案（仅我们的公司名称），以确保在我们的选择器失败时返回一个值。 自定义 JavaScript Google Tag Manager 变量来提取和处理副本 测试 标签管理器有一个很棒的功能，可让您在应用标签之前先进行暂存和测试。
Google Tag Manager 调试模式
旦我们有了变量，我们就可以进入预览模式并导航到我们的一篇博客文章： 测试标签管理器架构变量 在这里我们可以检查所有变量的值，以确保输入的值正确。
最后，我们设置标签，并将其配置为我们想要的任何位置触发。在这种情况下，我们只需在博客文章上触发这些标签： 标签管理器触发器配置 这是我们标签的最终版本。 对于我们的 dateModified 参数，我们添加了几行代码来检查我们的 modified 变量是否设置，如果没有设置，则将“dateModified”JSON-LD 变量设置为发布日期。
您可以在此处找到原始代码.
动态架构 json-ld 标签 现在我们可以保存标签，部署当前版本，然后使用Google 结构化数据测试工具来验证我们的工作： Google 结构化数据测试工具验证动态生成的 JSON-LD。