自制WP子主题—添加Google Analytic代码

在上一教程修改wp主题使得升级后也不丢失—自制子主题中我们说明了如何通过创建子主题使得修改的css不会被母模板升级时覆盖。而且我们只用到了style.css。本节我们将利用上面提到的functions.php添加Google Analytic跟踪代码。

1. 首先当然是有一个google账户， 然后访问Google Analytic，注册账户并添加你的网站。注意网址应该填你的WP网址。随后得到你的跟踪代码。
2. 在子主题根目录新建functions.php:sudo vim /var/www/wordpress/wp-content/themes/twentyfifteen_child/functions.php, 其内容为：
   
   PHP

   <?php // Include the Google Analytics Tracking Code (ga.js) function google_analytics_tracking_code(){ $propertyID = 'UA-62235536-1'; // GA Property ID ?> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', '<?php echo $propertyID; ?>', 'auto'); ga('send', 'pageview'); </script> <?php } // include GA tracking code before the closing head tag //add_action('wp_head', 'google_analytics_tracking_code'); // OR include GA tracking code before the closing body tag add_action('wp_footer', 'google_analytics_tracking_code'); ?>

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

   <?php // Include the Google Analytics Tracking Code (ga.js) function google_analytics_tracking_code(){ $propertyID = 'UA-62235536-1'; // GA Property ID ?> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga');   ga('create', '<?php echo $propertyID; ?>', 'auto'); ga('send', 'pageview');   </script> <?php }   // include GA tracking code before the closing head tag //add_action('wp_head', 'google_analytics_tracking_code');   // OR include GA tracking code before the closing body tag add_action('wp_footer', 'google_analytics_tracking_code'); ?>

   
   这里你需要修改的只有一处， $GAID你应该填第1步中跟踪代码里面的形如UA-xxxxxxxx-x.
3. 这里我们是把代码加到页脚处， 你也可以加到页眉处，代码里已经说清楚了如何改变。页脚的好处是加快页面的载入速度， 但跟踪只在页面完全载入时才行。页眉正好反过来了。
4. 作为练习， 你可以添加google站长工具验证代码到wp_head中。而且在google analytic后台将其关联。
5. 最后google analytic一般要等一段时间才能检测到数据， 按照上述方法添加成功后， 你可能需要等待几小时才能看到统计信息。

本作品采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循署名-非商业用途-保持一致的创作共用协议.