尝试使用 JQuery 和谷歌标签管理器呈现新的标题标签答案

【问题标题】：Trying to render new Title tag with JQuery and Google Tag Manager尝试使用 JQuery 和谷歌标签管理器呈现新的标题标签
【发布时间】：2020-06-29 16:47:41
【问题描述】：

我正在尝试使用 Google 标签管理器 (GTM) 来更改页面的标题标签。我正在使用本教程-https://www.searchviu.com/en/javascript-seo-experiments-google-tag-manager/，方法有效：

删除现有的标题标签
写新的标题标签
将其添加到<head>

这是我通过 GTM 触发的脚本：

<script>
  jQuery('title').remove();
  var newtitle = document.createElement('title');
  newtitle.txt = 'HERE IS THE CUSTOM TITLE';
  jQuery('head').append(newtitle);
</script>

这似乎具有删除现有标题标签并将<title></title>插入<head>的效果

但未在标题标签之间插入自定义文本（在 Chrome 中检查时）。知道我做错了什么吗？

干杯！

【问题讨论】：

为什么要这么努力？如果您只是在自定义 HTM 标记中设置 document.title，它将获得相同的效果，而且省力很多，并且没有 jQuery 依赖。

标签： jquery google-tag-manager

【解决方案1】：

您只是为选择使用了错误的属性：它是文本而不是 txt。

jQuery('title').remove();
  var newtitle = document.createElement('title');
  newtitle.text = 'HERE IS THE CUSTOM TITLE';
  jQuery('head').append(newtitle);

也就是说，Eike Pierstorff 是完全正确的。虽然我意识到组织经常在营销人员和开发人员之间设置防火墙，但这种方法感觉是错误的。更改标题很奇怪，您的更改不会在 SEO 中体现。

【讨论】：