阅读时间2分钟 (436字)

如何在Joomla模板中实现Google Tag Manager环境

八月

Ruth Cheesley

星期二，01八月2017

20268次点击

0条评论

我们在Joomla开发工作中面临的一个问题是如何确保正确的Google Tag Manager环境代码被部署到正确的环境中——例如，在我们的开发环境中，我们需要部署与开发环境相关的GTM容器代码，但在生产环境中，我们需要实时的容器代码。

经过一些关于最佳实现方法的讨论，我们找到了一种简单的方法，确保这一点在我们的所有网站上都能“自动工作”，而无需任何复杂的设置。

将此存储库（或下载并解压）克隆（或下载并解压）到您的模板文件夹中，以确保文件夹'gtm'和'functions'位于您的模板顶层——例如，templates/your_template/gtm和templates/your_template/functions
编辑gtm文件夹中的每个文件，用您GTM环境中的相关代码替换代码片段——不要忘记您将有一段代码需要放入头部（environment-head.php）和一段需要放入主体（environment.php）——如果您不知道如何获取容器片段，请查看这篇文章的说明。

修改您的模板的index.php文件，按照以下说明包含functions文件夹中的文件

对于头部包含

<head>
    <!-- add include of GTM file per environment case -->
    <?php require_once __DIR__ . '/functions/gtm_head.php'; ?>
    
    <!-- add everything else that you need for the head of your template file -->
</head>

对于主体包含

<body>
    <!-- add include of GTM file per environment case -->
    <?php require_once __DIR__ . '/functions/gtm.php'; ?>

<div id="pageWrapper">

</div>
</body>

它是如何工作的？

将上述包含添加到您的模板文件意味着当您的模板被加载时，它将在functions文件夹中执行gtm.php和gtm_head.php文件。

首先确定正在访问的URL，并判断它是否与预定义的环境之一匹配 - 在此示例中，我们使用了'dev'和'demo'，但您可以通过编辑文件将这些更改为您自己的工作流程。

在我们的情况下，如果访客在dev.mysite.com，则将加载文件gtm/dev.php（以及gtm/dev_head.php），而如果访客在demo.mysite.com，则使用gtm/demo.php（以及gtm/demo_head.php）。如果这些都不匹配环境，则使用gtm/live.php（以及gtm/live_head.php）。