如何使用谷歌标签管理器提取部分

URL 路径发布时间:2021-08-16更新日期:2020 年 3 月 13 日这篇博文可能与我最近发布的博文《如何从 URL 中提取查询参数》相似,但这次解决了一些不同的问题。在这篇博文中,我使用了查询参数。例如,如果 URL 是ht?productId=123 ,我可以检索productId的值。但是在今天的博文中,假设我们有一个如下结构的 URL:https .examoducts/category_name/id并且我们想将category_name转换为 GTM 变量(知道类别名称总是在页面路径的第二个子目录中。我们怎样才能做到这一点?让我们来了解一下。如果您不确定 URL 的子目录,这篇博文中的图表清楚地显示了它。让我们回到我们的例子。为了访问 URL 的第二个子目录,我们需要编写一些自定义 JavaScript。我们将尝试一步一步来,以便那些刚刚开始使用 JavaScript 的人更容易理解(免责声明:我也属于对JS还很陌生的人)。谷歌标签管理器电子书包匿名 JavaScript 函数为了从 URL 中提取部分路

径,我们需要使用自定义 JS 变量。此通用变

量必须包含满足两个条件的脚本:它必须是匿名函数,例如function() { … }它应该返回一个值毫不犹豫,让我们打开一个文本或代码编辑器(或者只是 GTM 界  罗马尼亚电话号码 面中的自定义 JS 编辑器)并粘贴以下代码:一个函数(){}它不会做任何事情(但这只是我们自定义 JS 变量的开始)。现在让我们创建一个 JavaScript 变量并将其命名为 pageUrl。接下来,让我们为其分配一个值window.location.href:一个函数(){var pageUrl = wdow.location.href是一种访问用户/访问者所在页面的当前 URL 的方法。在下一步中,让我们返回这个pageUrl,但只返回它的一部分。我们可以使用 split() 方法来做到这一点,该方法将字符串(在本例中为 URL)拆分为子字符串数组。如果您对此不熟悉,我们将仔细研究。在脚本中添加一个return语句(因为 GTM 中的每个自定义 JS 变量都必须返回一些内容),然后是您要返回的变量的名称 (pageUrl),最后,让我们添加一个split方法。一个函数(){var pageUrl = window.location.href;返回 pageUrl.split();}但这还不是全部。我们

需要告诉split()方法我们想要如何拆

罗马尼亚电话号码

分页面 URL。回到我们的示例,我们正在使用httw.exampm/products/category_name/id(如果您尝试关注它,您可以在 url 包含子目录的另一个页面上工作)。从这个 URL,我们想要访问category_name。由于它被斜线 (/) 包围,因此可以在我们的split方法中用作分隔符(分隔符)。让我们添加这个斜线(用引号括起来)。一个函数(){var pageUrl = window.location.href;return pageUrl.split(“/”);}结果,这将返回 URL 中所有部分的数组(用外行的话来说,是一个list)。这是一个更直观的解释。在使用split()方法之前,页面 URL 如下所示:hm/prory_name/id使用该方法后,视觉上的结果如下所示:正如您在上面看到的,URL 已被拆分为 6 个项目的列表,以https开头,以id结尾。列表中的第二项为空 (“”),因为 https: //中的两个斜杠之间没有任何内容。我们就快到了。category_name已经从 URL 中分离出

Leave a comment

Your email address will not be published.