Blog Václava Hynouše

Google přišel nedávno s tlačítkem +1, pomocí kterého se dají zviditelnit webové stránky. Při vyhledávání doporučuje uživatelům relevantní obsah, který se líbil jejich přátelům nebo známým. Setkat se s ním můžete buď v anglickém vyhledávání Google nebo na webových stránkách, kam jej vložili jejich autoři. Stránky nebo články, které jste obodovaly se zobrazují v Google profilu.

Vložit tlačítko Google +1 není složité. Pokud používáte redakční systém, je nejjednodušší cestou stáhnout hotový plugin. Pro WordPress se dá použít například Google +1 Button nebo AddThis, který podporuje i další sociální služby. Další cestou je zajít na stránky Google webmasters, zkopírovat skript a umístit ho na stránky ručně.

Zkoušel jsem různé pluginy, ale moc mě nenadchly. Chtěl jsem, aby kromě Google +1 podporovaly ještě Twitter a Facebook. Když podporovaly vše, tak se mi na nich nelíbilo zase něco jiného. Rozhodl jsem se napsat kód vlastními silami.

Problém kódu  je s validitou. Aby prošel validátorem, je třeba ho napsat jinak, než uvádí Google na svých stránkách. Užitečnou stránkou je +1 button API, kde najdete všechny parametry tlačítka jako rozměry, podporované jazyky atd.

Můj kód pro tlačítko velikosti medium vypadá takto:
<script type=„text/javascript“ src=„http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js“></script>
<script type=„text/javascript“ src=„https://apis.google.com/js/plusone.js“> {lang: ‘cs’}</script>
<script type=„text/javascript“> $(document).ready(function(){ gapi.plusone.render(„medium“, {„size“: „medium“, „count“:„true“});});</script>
<div id=„medium“></div>

Řádky, které začínají script se umisťují do hlavičky dokumentu. Poslední řádek div se vloží do stránky na místo, kde chcete mít tlačítko Google +1. Kód je validní. Pro jinou velikost tlačítka stačí přepsat 2x medium třeba na small nebo tall. Vedle se zobrazuje počítadlo, kolik lidí již dalo +1. Pro samotné tlačítko Plus One bez počítadla stačí změnit atribut count z true na false.