Jak vložit tlačítko Google+ do WordPressu

Google+ je sociální sítí, které se zařadila po bok Twitteru a Facebooku. Dá se říci, že dnes většina blogerů řeší, jak kromě sdílení pro zmíněné dvě sítě, zobrazit u příspěvků i tlačítka pro Google+. V návodu si ukážeme, jak přidat tlačítko ke každému článku a to buď za něj, nebo před něj. 

Nejprve musíme do šablony vložit js soubor z Google. Do functions.php vložíme následující kód:

add_action ('wp_enqueue_scripts','insert_google_plusone_script');  
 
function insert_google_plusone_script() {  
 wp_enqueue_script('google-plusone', 
'https://apis.google.com/js/plusone.js', array(), null);  
}

Pomocí něj jsme umístili do šablony link na soubor plusone.js. Následně vložíme funkci pro zobrazení lačítka:

add_filter('the_content', 'my_google_button');  
function my_google_button($content) {  
 
 $content= $content.'<div class="gplusone">  
<g:plusone size="tall" href="'.get_permalink().'"></g:plusone></div>  
';  
 return $content;

Tím jsme umístili tlačítko Google+ za obsah stránky, nebo článku. Pokud jej budeme chtít umístit před obsah, jednoduše změníte funkci takto:

add_filter('the_content', 'my_google_button');  
function my_google_button($content) {  
 
 $content= '<div class="gplusone">  
<g:plusone size="tall" href="'.get_permalink().'"></g:plusone></div>  
'.$content;  
 return $content;

Na výběr máme z několika velikostí, které jednoduše pomocí size. Hodnoty jsou „small“, „medium“ a „tall“. Pokud size neuvedete, zobrazí se button ve velikosti standart. Pokud budeme chtít to buttonu přidat kód pro sledování kliků Google Analytics, stačí do tlačítka přidat callback=“sledovani“ a do patičky přidat funkci:

function ga_track_googleplus() {
echo '
<script type="text/javascript">
            function sledovani( obj ) {
                _gaq.push(['_trackEvent','plusone',obj.state]);
            }
</script>
';
}
add_action('wp_footer', 'ga_track_googleplus');

Díky tomu budeme moci sledovat statistiky v Google Analytics.

About The Author

Zajímá mne Wordpress, responsivní šablony a zkrátka vše kolem tohoto skvělého redakčního systému.

Související články

Přidejte komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *