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

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

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

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

<?php
/*
Plugin Name: WordPress 短代码插入 Google 趋势图
Plugin URI: https://imzl.com/wordpress-shortcode-google-trends.html
Description: WordPress 使用短代码插入 Google 趋势图
Version: 0.1
Author: Len Chou
Author URI: https://imzl.com/
*/

function wps_trend($atts) {
    // 解析短代码的属性,并设置默认值
    extract(shortcode_atts(array(
        'w' => '500',   // 宽度
        'h' => '330',   // 高度
        'q' => '',      // 查询关键词
        'geo' => 'US',  // 地理位置
    ), $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。如果想要自定义高度和宽度,可以在代码中标注出的地方自行修改。