怎麼在WordPress中插入Google 趨勢圖

來源:互聯網
上載者:User

本文主要就是給大家提供一個可以通過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

 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.