在 orchard 中包含 Facebook Pixel Code js

Question

我需要在每个页面的头部添加 Facebook 像素代码脚本。

<!-- 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', 'xxx');
fbq('track', "PageView");</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=xxx&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->

怎么才能得到这个？我最近开始研究果园。我阅读了有关编辑 cshtml 或编辑主题的内容...

谢谢

Answer 1

在你的主题目录中应该有一个Layout.cshtml文件，你可以在其中添加这样的脚本：

@using ( Script.Head() )
{
    <!-- 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', 'xxx');
        fbq('track', "PageView");</script>
        <noscript>
            <img height="1" width="1" style="display:none"
                 src="https://www.facebook.com/tr?id=xxx&ev=PageView&noscript=1" />
        </noscript>
    <!-- End Facebook Pixel Code -->
}

或者，您可以将位于 *Orchard.Web\Core\Shapes\Views* 的 Document.cshtml 复制到您的主题中，然后将脚本直接插入到标题部分。

在 orchard 中包含 Facebook Pixel Code js

include Facebook Pixel Code js in orchard

orchardcms