怎么在WordPress中插入Google 趋势图

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

 代码如下 复制代码

我们可以通过以下代码实现:
 
<?php
/*
Author URI: http://www.111cn.net
*/

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趋势图表了。代码如下
1

 代码如下 复制代码
 
[trends h="450" w="500" q="wordpress主题+wordpress插件" geo="CN"]

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

原文来自:http://www.aips.me/wordpress-shortcode-google-trends.html

 

时间: 2024-09-21 09:12:41

怎么在WordPress中插入Google 趋势图的相关文章

在WordPress中加入Google搜索功能的简单步骤讲解_javascript技巧

网上诸多写怎么在 WordPress 中整合谷歌自定义搜索的文章,但很少有提到如何整合v2版代码的,今天通过实测来给大家讲解一下,如何实现在 WordPress中整合谷歌自定义搜索的. 获取谷歌自定义搜索代码进入http://www.google.com/cse/ 谷歌各系列账号都是通用的, 所以如果你有gmail的话你就可以顺利进入这个自定义搜索的系统 一系列的注册.登陆你就进入到了 cse 主界面了,网速有时候会些许蛋疼的慢,所以大家要有耐心. 进入主界面点 新建搜索引擎 如下图所示填写内容

WordPress 中插入 HTML5 视频的方法详解

HTML5 是有 <video></video> 标签的,可以像以前用 <img></img> 标签插入图片一样来插入视频了.例如, <video width="640" height="360" controls>     <source src="movie.mp4" type="video/mp4">     <source src="

怎么在PPT中插入GIF动态图

  1.在插入的时候不要使用图片的插入形式,应该选择插入影片和声音的形式. 2.此时选择框中显示的是影片文件,但我们要选择所有文件格式. 3.这样就能显示你想插入的gif图片了. 4.插入之后,按F5就可以看到,GIF图片可以动态播放.

如何在PPT中插入GIF动态图

  1.在插入的时候不要使用图片的插入形式,应该选择插入影片和声音的形式. 2.此时选择框中显示的是影片文件,但我们要选择所有文件格式. 3.这样就能显示你想插入的gif图片了. 4.插入之后,按F5就可以看到,GIF图片可以动态播放.

在Word文档中插入Cad图的3种方法

在word文件中插入我们绘制的cad图,方法大体上有三种,但是它们达到的效果却并不相同,有的显得精致些,有的显得粗糙些,根据我们写作的目的还要进行相应的再处理,这个过程有一些技巧,现在把它写下来,希望能给读者朋友以启发. 要在word文件中插入一个cad图,可以利用下面的三种方法来实现: 第一种,利用键盘上的"print screen sysrq"来抓取cad图,再通过系统自带的画图软件做进一步的修剪,去掉cad剪贴图中多余的部分,这项工作为了是能使图片在word文件中显示的足够的清晰

wps表格中如何插入饼状图

  在wps表格中插入饼状图的方法 第一步,打开你的WPS,在编辑页面完成相应数据的前期录入. 第二,鼠标点击选中你要编辑的单元格区域. 第三,在菜单栏上点击选择插入--图标. 第四,然后点击选择饼图,在右上方点击选择相应合适的饼状图即可. 第五,点击确定之后就会出现一个饼图在页面上啦. 第六,点击右键,选择添加数据标签,这样就可以显示出所占的百分比啦.

Word中插入cad图的技巧大放送

在日常的工作中,大家可能会遇到写说明书之类的事情,像在word文件中插入我们绘制的cad 图,方法大体上有三种,但是它们达到的效果却并不相同,有的显得精致些,有的显得粗糙些,根据我们写作的目的还要进行相应的再处理,这个过程有一些技巧,现在把它写下来,希望能给读者朋友以启发. 比如,我们要在word文件中插入一个cad图,可以利用下面的三种方法来实现: 第一种,利用键盘上的"print screen sysrq"来抓取cad图,再通过系统自带的画图软件做进一步的修剪,去掉cad剪贴图中多

如何在word2007中插入和编辑图表

某市油脂公司的销售部经理张洁利用Word2007的图表工具,在今年前3季度的市场分析报告中插入了精美的2006年1-9月份产品出货量及趋势分析图表,从而使她的报告文档格外引人注目!下面就一起来看看她是如何实现的. 一.插入基础图表 由于张洁需要插入图表来说明1-9月份产品出货量变化趋势,因此需要选择一种折线型图表并且输入相关产品的出货量数据,具体操作如下: 1.插入图表 启动Word2007,在其中新建一篇名为"2006年度1-9月份市场分析报告"的文档,将插入点定位于需要插入图表的位

Excel如何在表格中插入迷你图

  1.启动Excel2010,打开相关的工作簿文档. 2.选中用于创建迷你图表的数据单元格区域,切换到"插入"功能选项卡中,在"迷你图"组中,单击一种迷你图表类型(目前只有3种--拆线图.柱线图.盈亏图)按钮(此处选择"柱形图"),打开"创建迷你图"对话框. 3.利用"位置范围"右侧的折叠按钮,选中显示迷你图表的单元格(如G1),单击"确定"按钮,迷你图就显示在上述一个单元格中了. 4