如何将 facebook 像素和转换代码添加到 shopware 5

Question

我正在使用 Shopware 5.1.2。我是这个模板系统的新手。

我正在尝试将 FB 像素代码添加到头文件中。所以我在 /themes/Frontend/Bare/frontend/index 文件夹

下创建了 fb.tpl

我将它附加到 modernizr 块：

{extends file='parent:frontend/index/fb.tpl'}

{block name="frontend_index_header_javascript_modernizr_lib" append}
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','//connect.facebook.net/en_US/fbevents.js');

fbq('init', 'XXXXXXXXXXXXXX');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=XXXXXXXXXXXXXX&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
{/block}

我还尝试将 fb.tpl 添加到特定主题文件夹中。

并清除缓存。 FB代码仍然在网站上看不到。

Answer 1

将您的文件移动到 Responsive（或您的活动主题）主题并将其重命名为 header.tpl，例如：

/themes/Frontend/Responsive/frontend/index/header.tpl

修改文件内容如下：

{extends file='parent:frontend/index/header.tpl'}

{block name="frontend_index_header_javascript_tracking" append}
{literal}
<!-- Facebook Pixel Code -->

<!-- YOUR Facebook Pixel Code HERE -->

<!-- End Facebook Pixel Code -->
{/literal}
{/block}

从后端菜单执行：

Configuration > Theme Manager > Select Active Theme > Compile Theme

重新加载前端页面。应该有用！

如何将 facebook 像素和转换代码添加到 shopware 5

How to add facebook pixel and conversion code to shopware 5

php

facebook

smarty

e-commerce

shopware