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

29

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

如果你有设计或者 WordPress 方面的项目需求,可以和我联系 Email:wwwzhouliang@gmail.com。

作者主页 邮箱 微博 腾讯微博 QQ Twitter Facebook Google+

共 29 条评论

  1. 于江水 回复

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

    1. 周良 (文章作者) 回复

      我觉得我可以给代码做个自动截断

    2. 周良 (文章作者) 回复

      已经缩进。

      1. 于江水 回复
  2. 于江水 回复

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

    1. 周良 (文章作者) 回复

      我觉得我可以给代码做个自动截断

    2. 周良 (文章作者) 回复

      已经缩进。

      1. 于江水 回复
  3. 宋镇江 回复

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

    1. 周良 (文章作者) 回复

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

  4. 宋镇江 回复

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

    1. 周良 (文章作者) 回复

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

  5. 恒创主机 回复

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

    1. 周良 (文章作者) 回复

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

      1. 恒创主机 回复

        过奖了,还得有博主这样的人支持才行~~

        1. 周良 (文章作者) 回复

          哈哈

  6. 恒创主机 回复

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

    1. 周良 (文章作者) 回复

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

      1. 恒创主机 回复

        过奖了,还得有博主这样的人支持才行~~

        1. 周良 (文章作者) 回复

          哈哈

  7. Allan'Blog 回复

    谢谢楼主分享

  8. 我爱集分宝 回复

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

    1. 周良 (文章作者) 回复

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

  9. 我爱集分宝 回复

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

    1. 周良 (文章作者) 回复

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

  10. cy 回复

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

    1. 周良 (文章作者) 回复

      哈哈,欢迎常来

  11. cy 回复

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

    1. 周良 (文章作者) 回复

      哈哈,欢迎常来

Leave a Reply

您的邮箱不会公开,当您的评论有新的回复时,会通过您填写的邮箱向您发送评论内容。 Required fields are marked *

返回顶部