WordPress shortcode za Google trendove

U seriji članaka o kreiranju WordPress shortcode-a za integriranje Google usluga, danas ćemo obraditi kreiranje shortcode-a za ugrađivanje grafikona Google trendova u članke/stranice (prikaz interesa kroz vrijeme).

Kao u članku o integriranju Google kružnih dijagrama, kreirati ćemo kod koji našoj stranici ne dodaje JavaScript i CSS datoteke već koristi iframe. Oni čitatelji koji ne žele / ne znaju dodavati kod u datoteke teme, na kraju članka moći će pronaći link za skidanje besplatnog plugina koji se sastoji od danas predstavljenog koda.

Kreiranje shortcode-a za Google trendove

Preporučujem da se sve izmjene ili dodavanja funkcionalnosti izvršavaju se u functions.php datoteci child teme. Na taj način prilikom nadogradnje teme nećete izgubiti sve funkcionalnosti koje ste marljivo dodavali. Prednost korištenja plugina u ovom slučaju je činjenica da uopće ne mjenjate datoteke teme te ga možete aktivirati/deaktivirati jednim klikom.

Slijedeći kod zalijepite u functions.php vaše child teme:

function my_trend($atts){

        extract( shortcode_atts( array(
                'w' => '600',           // širina
                'h' => '350',           // visina
                'q' => '',              // query
                'geo' => 'HR',          // lokacija
        ), $atts ) );

      //format unosa
        $h=(int)$h;
        $w=(int)$w;
        $q=esc_attr($q);
        $geo=esc_attr($geo);

         ob_start();

?>

<iframe width="<?php echo $w;?>" height="<?php echo $h;?>" src="http://www.google.com/trends/fetchComponent?hl=hr&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;?>" style="border: none;"></iframe>

<?php return ob_get_clean();
}

add_shortcode("trend","my_trend");

Voilà! Sada možemo u svojim člancima koristiti Google trendove. U kodu možete primjetiti da smo definirali atribute za naš shortcode. Visina i širina se prilagođavaju ovisno o vašoj temi (600 px bi trebalo biti optimalno za većinu tema a odnosi se na prostor odosno širinu članka). Preporučujem da query, odnosno upit prvo definirate direktno na stranici Google trendova . Poslednji atribut je lokacija. Defaultna vrijednost je Hrvatska.

Kako bi izbjegli bilo kakav gubitak formatiranja sugeriram da shortcode uvijek zalijepite u Tekst kartici a ne u kartici Vizualno!

SHORTCODE – PRIMJER HRVATSKA

[[trend w="600" h="400" q="Wordpress,+Joomla,+Drupal" geo="HR"]]

Google trendovi za pojmove WordPress, Joomla i Drupal – vrijednosti za Hrvatsku

[trend w=”600″ h=”400″ q=”Wordpress,+Joomla,+Drupal” geo=”HR”]

SHORTCODE – PRIMJER CIJELI SVIJET

[[trend w="600" h="400" q="Wordpress,+Joomla,+Drupal" geo=""]]

Google trendovi za pojmove WordPress, Joomla i Drupal – vrijednosti za cijeli svijet (obratite pažnju na “prazan” geo atribut!)

[trend w=”600″ h=”400″ q=”Wordpress,+Joomla,+Drupal” geo=””]

Google Trendovi – shortcode plugin

Alternativno, možete skinuti jednostavan plugin koji sam kreirao za ovaj članak a omogućuje vam gore navedene funkcionalnosti. Downloadajte ga, instalirajte ga kao svaki drugi plugin (upload zip datoteke) , aktivirajte i počnite koristiti Google trendove.