Question

我正在准备自定义跟踪，并希望通过Google跟踪代码管理器进行处理。我正在创建一个带有两个标签的新容器。对于每个标签，我选择“自定义HTML”作为代码。

我有一个脚本，该脚本应该显示在每一页上，并且正在本地存储中写入一个哈希。

<script>
    (function () {
        // write something in the local storage
    })();
</script>

对于此标记，我选择“页面视图”作为触发器，因为它应该显示在每个页面上。

第二个脚本正在跟踪某种形式的谢谢页面上的转换。

<script>

    (function () {

        var data = {};
        data.conversionId = 'XXXXXX';
        conversion(data);

    })();

    function conversion(data) {
        var iframe = document.createElement('iframe');
        iframe.frameBorder = 0;
        iframe.width = 1;
        iframe.height = 1;
        iframe.name = "stlconv";
        iframe.scrolling = "no";
        iframe.allowtransparency = "true";
        iframe.vspace = "0";
        iframe.hspace = "0";
        iframe.marginwidth = "0";
        iframe.marginheight = "0";
        iframe.src = url;
        document.body.appendChild(iframe);
    }

</script>

您将在此处选择什么作为触发器？如何以最佳方式管理第二个脚本？

页面所有者应如何设置“ conversionId”，以便我可以在脚本中获取值？
如何以最佳方式触发触发器，以便仅在发送表单后才触发此脚本？

Answer 1

此问题过于广泛，因为在您的上下文中没有通用的“最佳方法”将参数从页面传递到GTM的自定义HTML标记。您应该想出一个适合您的解决方案。您在这里有一些选择：
- 让您的自定义HTML javascript直接读取conversionid，例如通过使用全局JS变量，cookie或本地存储
- 使用dataLayer将conversionid传递到GTM并在自定义HTML标记中使用dataLayer变量（您可以使用双大括号引用{{example}}来引用dataLayer变量）
您可以使用GTM内置的“表单提交”触发器，该触发器可让您检查验证。有很多关于如何设置它的教程，因此如果您对此问题有疑问，请扩大您的问题或打开一个新问题。我可以推荐以下教程：form-trigger-tutorial

Google跟踪代码管理器-自定义跟踪脚本的最佳做法

1 个答案: