You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在PrestaShop 8.2.1中添加/安装Statcounter.com跟踪代码

PrestaShop 全局</body>标签位置及自定义代码添加方案

一、找全局闭合</body>的模板文件

不同版本的PrestaShop路径有区别,按你使用的版本定位:

  • PrestaShop 1.7.x:优先查看主题目录下的 templates/layouts/layout.tpl,或是对应布局的文件(如layout-both-columns.tpl),这些是页面核心布局模板,必然包含全局</body>标签。
  • PrestaShop 8.x:直接打开主题的 templates/layouts/base.tpl,这是所有页面的基础模板,全局</body>标签就在此文件中。
  • 注意:footer.tpl仅负责页脚区域渲染,本身不包含</body>标签,所以之前在此文件添加代码不会生效。

二、为所有页面添加</body>闭合前的自定义代码

推荐使用钩子方式,避免修改核心文件导致主题更新时丢失更改;嫌麻烦也可直接修改模板:

方案1:使用内置钩子(推荐)

PrestaShop自带displayBeforeBodyClosingTag钩子,专门用于在</body>前插入代码:

  1. 打开主题的 templates/_partials/footer.tpl,在文件末尾添加:
{hook h='displayBeforeBodyClosingTag'}
  1. 创建简单自定义模块(或修改闲置小模块):
    在模块主文件(如mystatcounter.php)中添加以下代码:
public function install()
{
    return parent::install() && $this->registerHook('displayBeforeBodyClosingTag');
}

public function hookDisplayBeforeBodyClosingTag()
{
    return '<script>这里粘贴你的Statcounter跟踪代码</script>';
}

安装该模块后,代码会自动加载到所有页面的</body>前,且主题更新不会丢失修改内容。

方案2:直接修改布局模板

找到前文提到的包含</body>的模板文件(如base.tpl),定位</body>标签,将Statcounter代码直接粘贴到它的紧前方:

<!-- Statcounter 统计代码 -->
你的Statcounter代码内容
</body>
</html>

此方法操作简单,但主题更新时修改内容可能被覆盖,记得提前备份文件。

方案3:主题后台自定义(部分主题支持)

若使用第三方主题,可进入后台设计>主题&logo>自定义页面,多数主题会提供“body底部自定义代码”输入框,直接粘贴代码即可,无需修改文件。


内容的提问来源于stack exchange,提问作者life777eternal

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.13 03:48:25