如何在Google Tag Manager中编写自定义JavaScript变量移除document.title前10个字符？

实现步骤 #

1. 进入GTM变量创建界面

   • 登录Google Tag Manager后台，打开目标容器
   • 点击左侧菜单栏的「变量」，在「用户定义变量」板块点击「新建」按钮
   • 选择「自定义JavaScript」作为变量类型

2. 编写核心代码
   将以下代码粘贴到自定义JS的编辑框中：

   function() {
     const originalTitle = document.title;
     // 若标题长度≥10则移除前10字符，否则返回原标题避免异常
     return originalTitle.length >= 10 ? originalTitle.slice(10) : originalTitle;
   }
   

3. 保存并测试变量

   • 给变量起一个清晰的名称，比如「处理后页面标题」
   • 保存变量后，使用GTM的预览模式测试：触发页面加载后，查看变量值是否正确去除了标题的前10个字符

代码说明 #

• document.title：获取当前页面的原始标题
• slice(10)：字符串的slice方法从索引10开始截取（字符串索引从0开始，前10个字符对应索引0-9），直接得到去除前10字符后的结果
• 长度判断：防止页面标题长度不足10时出现空值或异常，此时直接返回原标题

内容的提问来源于stack exchange，提问作者SpudCentric