Google +1 gumb deluje po principu gumbov Twitter, Facebook, Linkedin, ..., ki jih ponavadi namestimo na svojo stran z namenom dodatnega širjenja vsebin s strani uporabnikov. V tem primeru pa se priporočila izpisujejo v Google iskalniku. Kot delovanje je tudi kreiranje in implementacija gumba podobna ostalim storitvam. Google +1 gumb lahko kreirate na "Google - Dodajte oznako +1 na svoje spletno mesto".

Vmesnik za kreiranje gumba

Primer kode:

Google Business: Introducing the +1 Button

Sledenje Google oznaki +1 v Google Analytics-u

Za sledenje Google +1 gumbu potrebujemo naprednješe nastavitve vmesnika, kjer lahko določimo "JS Callback function". V našem primeru je to "plusone_vote".

Koda za umestitev potem izgleda tako:

Za mirjenje pa potem rabimo še dodatno skripto, ki meri dogodek v Google Analyticsu in shranjuje različna stanja ("on" za +1 glas in "off" za odstranitev glasa).

Za sklepanje kakšnih konkretnih zaključkov je še prezgodaj, saj se bo prava vrednost pokazala šele skozi dalšo uporabo Google +1 gumba, če se bo storitev sploh prijela. Najbolj zanimivo vprašanje pa je, ali bodo glasovi "za" vplivali na večji obisk strani.

Nameravate namestiti Google +1 gumb tudi na vaši strani?

Vir: http://yoast.com/plus-one-google-analytics/

Danes si bomo ogledali Googlvo novo storitev Google Font in njegovo implementacijo. Google font je še ena izmed mnogih rešitev, ki omogočajo WEB designerjem širši izbor fontov pri izdelovanju spletnih rešitev.

Na WEBu smo namreč omejeni z "web-safe" oz. varnimi fonti. Varni fonti so fonti, ki se bodo prikazovali približno enako na vseh računalnikih, ne glede na programsko opremo. Zaradi velike pokritosti pa smo prikrajšani pri številu fontov.

Z vstopom Googla na področje fontov pa se zna igra spremeniti. Google namreč ne zaračunava svojih storitev, kot nekateri drugi ponudniki. Z vstopom Googla na določeno področje pa se ponavadi smernice spremenijo in postavijo novi trendi ali celo standardi (Analytics, Gmail, ...).

Implementacija Google fonta

Uporaba Google font storitve je precej preprosta. Z manjšimi popravki jo lahko implementiramo praktično v vsako spletno stran preko CSS značk. Pa si oglejmo primer uporabe "IM Fell DW Pica".

Koraki implementacije Google fonta

1. Odpremo spletno mesto http://code.google.com/webfonts
2. Izberemo željen font
3. Nato izberemo družino fonta
4. Sledi pregled fonta, kjer v navigaciji kliknemo "Get the code"
5. Na strani "Get the code" potrebujemo dve vrstici kode

   Prvi del nam pripelje izbrani font. Pripnemo ga v "glavo" naše spletne strani.

   <link href='http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica' rel='stylesheet' type='text/css'>

   Drugi del pa preko CSS značk dodeli nov font izbrani znački. Kodo dodamo CSS stilom, ki so lahko v isti datoteki ali zunanji CSS datoteki.

   h1 { font-family: 'IM Fell DW Pica', arial, serif; }

Poleg enostavne implementacije Google fonta imamo na voljo tudi naprednejše oblike, in sicer uporaba različnih oblik fontov, "preloader" in implementacijo Google fonta preko CSS datoteke.

Pri testiranju sem opazil odstopanja med posameznimi brskalniki in napak pri nalaganju. Poleg začetniških napakic pa je tudi nabor fontov precej slab. Upajmo, da se Google font storitev "prime" in, da dobimo zanesljivo platformo z veliko bazo dodatnih fontov.

Googlova Analytics Intelligence s svojimi algoritmi pregleduje analitične podatke in nas opozori v primeru, ko se vzorci spremenijo. Intelligence analitika lahko spremljamo dnevno, tedensko ali mesečno. Možno je nastaviti tudi poljubne parametre prirejene svojim potrebam. S pomočjo nove Google analytics Intelligence pa lahko odkrijete tudi kake nove analitične podatke, ki jih do sedaj niste uspeli.

Več informacij: http://analytics.blogspot.com/2009/10/google-analytics-now-more-powerful.html

Sledenje nam omogoča orodje URL Builder, ki splošni povezavi doda dodatne parametre, ki Analyticsu povedo za kateri vir, medij, besedo, vsebino in kampanjo gre. Skupaj torej 5 parametrov, od katerih so trije obvezni(Vir, medij in kampanja).

Namestitev
Odpremo si spletno mesto http://www.google.com/support/analytics/bin/answer.py?hl=en&answer=55578 in sledimo korakom: naslov strani, vir, medij,... nato kliknemo "generate URL". Ustvarimo povezavo nato prekopiramo v našo povezavo.

Pregled v Google Analyticsu
V Google Analyticsu se rezultat vidi v mapi "Traffic Sources" -> "Campaigns" in v "Ad Versions". Prikaz je odvisen od priprave povezave za sledenje.

Za podrobnejše informacije si oglejte Googlovo pomoč.

Primer uporabe
Merili bomo prenos datoteke Pomagalnik.pdf. povezavi dodelimo oznako »prenosi/ Pomagalnik.pdf«. Primer kode:

V GA se podatki prikažejo po 24-48 urah, če smo prav namestili kodo.

GA opis
http://www.google.com/support/analytics/bin/answer.py?hl=en&answer=55529

Primer uporabe
Merili bomo povezavo na www.pomagalnik.com. Povezavi dodelimo oznako »zunanja_povezava/pomagalnik.com«. Primer kode:

Priporočeno je uporabljati skupno pod mapo v našem primeru »zunanja_povezava«, saj tako lažje najdemo podatke v Google Analytics-u.

V GA se podatki prikažejo po 24-48 urah, če smo prav namestili kodo.

GA opis
http://www.google.com/support/googleanalytics/bin/answer.py?hl=en&answer=55527

Omogoča nam prikaz informacij o prometu na sami spletni strani, segmentaciji prometa, prikrojena poročila, grafe,... Na podlagi informacij o uporabi vaše spletne strani lahko izboljšate rezultate.

Več o Google Analytics
http://www.google.com/analytics/