在超链接末尾添加数据层变量的值答案

【问题标题】：Add value from data layer variable at the end of hyperlink在超链接末尾添加数据层变量的值
【发布时间】：2020-05-08 21:47:35
【问题描述】：

我正在尝试从数据层变量中获取值并将其添加到超链接的末尾。因此，如果我的超链接是 https://www.somehyperlink.com 并且我的变量是 variable1 的值为 23，我希望最终的超链接是 https://www.somehyperlink.com/23。

我有这段代码，这可能不是最好的方法，但我不确定如何用变量中的值替换它的最后一部分：

(function () {
    var links = document.querySelectorAll( 'a[href="https://www.somehyperlink.com/replace"]')
    var searchString = "replace"
    var replacementString = "value-from-variable"

    links.forEach(function(link){
        var original = link.getAttribute("href");
        var replace = original.replace(searchString,replacementString)
        link.setAttribute("href",replace)
    })
})();

我将不胜感激。

谢谢

【问题讨论】：

我更新了关于如何使用数据层变量的值填充 replacementString 的答案。

标签： javascript google-analytics google-tag-manager google-datalayer

【解决方案1】：

代码有效，尝试将其应用到 自定义 HTML 标记，而不是自定义 Javascript 变量中。

第 1 步：

创建一个名为“要替换的 DLV 值”的 Data Layer Variable，并在 Data Layer Variable Name 字段中指定变量的名称。

第 2 步：

将数据层变量应用于您的自定义 HTML 代码。

见下文：

<script>
    var links = document.querySelectorAll( 'a[href="https://www.somehyperlink.com/replace"]')
    var searchString = "replace"
    var replacementString = {{DLV value to replace}}

    links.forEach(function(link){
        var original = link.getAttribute("href");
        var replace = original.replace(searchString,replacementString)
        link.setAttribute("href",replace)
     })
</script>

【讨论】：