WordPress 使用短代码插入 Google 趋势图

2014.04.1 29 Comments 3,068 次阅读

Google 趋势 是一个提供指定关键词流行度查询的服务,Google 趋势会分析一部分 Google 网络搜索以计算用户输入的字词被搜索的次数,并将其与 Google 上随时间推移的搜索总量相比较。然后Google用图表向用户显示结果,即按线性比例绘制的搜索量图表。

本文主要就是给大家提供一个可以通过shortcode(短代码)直接把 Google 趋势图插入到 WordPress 站点页面或者文章中的方法。

我们可以通过以下代码实现:

<?php
/*
Plugin Name: WordPress 短代码插入 Google 趋势图
Plugin URI: http://www.aips.me/wordpress-shortcode-google-trends.html
Description: WordPress 使用短代码插入 Google 趋势图
Version: 0.1
Author: xiaowudesign
Author URI: http://www.aips.me/
*/

function wps_trend($atts){
        extract( shortcode_atts( array(
                'w' => '500',           // 宽度
                'h' => '330',           // 高度
                'q' => '',              // 查询
                'geo' => 'US',          // geo地点
        ), $atts ) );
        //输入格式
        $h=(int)$h;
        $w=(int)$w;
        $q=esc_attr($q);
        $geo=esc_attr($geo);
         ob_start();
?>
<script type="text/javascript" src="http://www.google.com/trends/embed.js?hl=en-US&q=<?php echo $q;?>&geo=<?php echo $geo;?>&cmpt=q&content=1&cid=TIMESERIES_GRAPH_0&export=5&w=<?php echo $w;?>&h=<?php echo $h;?>"></script>
<?php
return ob_get_clean();
}
add_shortcode("trends","wps_trend");

代码安装方法:

把这段代码另存为 .php 文件,上传到 wp-content/plugins 目录下,然后在后台启用这个插件即可。如果不想以插件的形式使用,可以把这段代码黏贴到你当前 WordPress 主题的 functions.php 中(黏贴到 functions.php 中时,请一定要去掉本代码第一行的“<?php”,不然会导致网站崩溃)。

调用短代码

然后你就可以使用短代码插入GOOGLE趋势图表了。代码如下

[trends h="450" w="500" q="wordpress主题+wordpress插件" geo="CN"]

上面代码就是要显示关于wordpress主题和插件在中国地区的图表,图表的高度为450, 宽度为500。如果想要自定义高度和宽度,可以在代码中标注出的地方自行修改。

本文参考自:http://www.wprecipes.com/wordpress-shortcode-to-embed-google-trends-graphs

29 Responses
Comment (29)
Trackback (0)
  • #-14
    cy :

    有用,谢谢分享收藏备用。

    2014.04.8 21:46 Reply
  • #-13
    cy :

    有用,谢谢分享收藏备用。

    2014.04.8 21:46 Reply
  • #-12
    我爱集分宝 :

    无觅推荐好像挂了,你这也不显示了

    2014.04.4 23:04 Reply
    • 周良 :

      这个我就不清楚了。我用wumii只是为了扩充版面而已。没什么实质性作用

      2014.04.4 23:58 Reply
  • #-11
    我爱集分宝 :

    无觅推荐好像挂了,你这也不显示了

    2014.04.4 23:04 Reply
    • 周良 :

      这个我就不清楚了。我用wumii只是为了扩充版面而已。没什么实质性作用

      2014.04.4 23:58 Reply
  • #-10
    Allan'Blog :

    谢谢楼主分享

    2014.04.3 19:15 Reply
  • #-9
    恒创主机 :

    相对来说代码还比较简单,能更一目了然,感谢博主的共享,拜读~

    2014.04.3 11:16 Reply
    • 周良 :

      恒创主机。。。大佬级别人物啊。。。

      2014.04.3 21:12 Reply
  • #-8
    恒创主机 :

    相对来说代码还比较简单,能更一目了然,感谢博主的共享,拜读~

    2014.04.3 11:16 Reply
    • 周良 :

      恒创主机。。。大佬级别人物啊。。。

      2014.04.3 21:12 Reply
  • #-7
    宋镇江 :

    2个月没咋逛博客,大家的博客变化都好大。哈哈

    2014.04.2 10:40 Reply
    • 周良 :

      我的博客已经改版好几次了,哈哈哈

      2014.04.2 21:33 Reply
  • #-6
    宋镇江 :

    2个月没咋逛博客,大家的博客变化都好大。哈哈

    2014.04.2 10:40 Reply
    • 周良 :

      我的博客已经改版好几次了,哈哈哈

      2014.04.2 21:33 Reply
  • #-5
    于江水 :

    感觉代码缩进一下会更好,我有点代码洁癖

    2014.04.1 22:00 Reply
  • #-4
    于江水 :

    感觉代码缩进一下会更好,我有点代码洁癖

    2014.04.1 22:00 Reply
  • 还没有Trackback
Leave a Reply