在wordpress上添加第三方JavaScript代码

时间:2012-03-15 12:35:27

标签: javascript wordpress

我想在我的Wordpress博客中使用javascript代码(例如Google Analytics代码)。有什么方法可以直接做到吗?我做了一些谷歌搜索,发现由于安全原因,wordpress不允许直接进行。

我可以编写一个在wordpress博客上安装JS代码的插件吗?

谢谢。

3 个答案:

答案 0 :(得分:5)

如果您知道自己正在做什么,主题是由开发人员制作的,那么修改任何主题都没有安全风险,您可以对其进行自定义。

function add_ga_code() 
{
?>
<script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-XXXXX-X']); //Update 'UA-XXXXX-X' with valid account id
    _gaq.push(['_trackPageview']);

    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
</script>
<?php
}
add_action('wp_head', 'add_ga_code');

将这个添加到主题文件夹中的functions.php文件中,或者将整个脚本放在head.php文件的wp_head()之前的head标签之间,该文件也位于主题文件夹中。

答案 1 :(得分:1)

我将代码放在主题header.php文件中:

<script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-XXXXX-X']); //Update 'UA-XXXXX-X' with valid account id
    _gaq.push(['_trackPageview']);

    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
</script>

</head>代码之前。

罗布

答案 2 :(得分:0)

处理此问题的最佳方法是将Google提供的代码添加到header.php中。在wp_head()调用之前添加它。这将在任何其他排队的脚本之前加载Google Analytics。由于Google Analytics以异步方式加载,因此它不会阻止加载后的下一个脚本。此外,任何导致JS错误的排队脚本都不会阻止Google Analytics跟踪。如果你有不可靠的插件,这很好。