Měříme sociální sítě (nejen) s Google Analytics

Odkud přicházejí? Lajkují? Plusují?

Co lze nyní vyčíst z Google Analytics (GA) a Google Webmaster Tools?
Uvedu i možnost, jak obdobného dosáhnout i v Yahoo Web Analytics (YWA).

Odkud přicházejí?

V GA v Traffic sources > Social > Sources uvidíme z jakých sociálních sítí se nám lidi proklikávají na náš web a to i které stránky našeho webu zobrazili.

Social Networks Sources

 

YWA: protože je zjišťováno dle referrera, asi by nebyl problém v YWA udělat report, kde by byly součty jen za vybrané referrer domény (fb.me, facebook.com pro FB, t.co a twitter.com pro Twitter atp.).

Lajkují, plusují, sdílejí?

Chcete vědět kolik lidí vám na webu kliká na FB Líbí se mi, dává Google +1, sdílí na Twitter atp.?
V GA najdete v reportu Traffic sources > Social > Social plugins.

Standardně zde uvidíte jen “+1”, pokud chcete měřit i aktivitu jiných tlačítek musíte si měřící kód trochu rozšířit.

(Pozor u “+1”, zde jsou jen počty plusů, které vám přidělili návštěvníci vašeho webu, nikoliv plusy z vyhledávání.)

Social Actions - Facebook

YWA: GA má pro tento účel speciální volání _trackSocial, v YWA můžete analogicky měřit pomocí Actions (obdoba GA Events).

“+1” komplexně

Celkový počet +1 (z vašeho webu i vyhledávání) můžete najít v Google Webmaster Tools v Provoz > Interní odkazy > Přehledy služby +1

Google Webmaster Tools - +1 report

Google Webmaster Tools v kostce

Služba nabízí několik jednoduchých analytických nástrojů a možnost částečně ovlivnit zobrazení stránek vašeho webu ve výsledcích vyhledávání.

Pro zobrazení informací o vaší doméně v Google Webmaster Tools není třeba do webu vkládat žadný skript apod. Stačí když Googlu dokážete jedním ze čtyř způsobů (např. nahrání souboru na danou URL), že jste vlastníkem/správcem webu.

Jednotlivé nástroje / možnosti, které služba nabízí jsem seřadil zhruba od těch nejzajímavějších (alespoň pro mě:-)). Nejde o kompletní výčet funkčností.

Pokračovat →

JZD – Javascriptové ZD

Pár drobností i větších drobností, které je dobré vědět, když javascriptujete:-)

ZD?

Záhadné ZD? Lze přeložit různě – třeba „základní dovednosti”, „zajímavé detaily” nebo „zákeřné drobnosti“? Vycházím ze svých zkušeností javascriptového samouka a příznávám, že je několik věcí, které alepsoň dle mé zkušenosti mohou začátečníkovi znestadnit (nejen) začátky nebo ho svést z cesty vývoje dlouhodobě udržovatelného rozsáhlejšího kódu.

  • začátečník netuší, že je JS objektový a navíc bohužel nemá tak striktní pravidla ani terminologii jako C++, Java apod.
  • existuje mnono návodů, které lze použít jako black box a ony fungují, dokud jich nesmícháte moc dohromady;-)
  • je několik možností jak dělat totéž různým způsobem (a nejsou IMHO mezi JS vývojári příliš zažité konvence jak psát kód; trošku pomáhá použití JS knihoven)
  • obvykle nemáte IDE, které by vám pomáhalo:-)

Pokračovat →

Kódujte online, sdílejte, spolupracujte

Pokud občas potřebujete sdílet kus kódu, například jako ukázku do článku nebo při dotazu na radu do diskuzního fóra apod., určitě nepohrdnete možností vystavit kód online s možností verzování, zvýraznění syntaxe ev. případně i spuštění kódu.

Nabízím seznam několika webů, které pro vás tuto službu poskytují. Osobně mám zkušenost jen s jsbin.com, proto uvítám v komentářích pod článkem vaše postřehy a zkušenosti s ostatními službami, zvláště pak těmi, které interpretují kód na severu (tj. všechny krom HTML/JS kódu).

Srovnávací tabulka

  HTML JS PHP Python Ruby Java Jiné
scriptlets.org   x x x x    
jsbin.com x x          
ideone.com   x x x x x x
jsfiddle.net x x          
gist.github.com x x x x x x x
code.google.com x x          

 

Náhledy uvedených služeb

scriptlets.org

jsbin.com

ideone.com

jsfiddle.net

gist.github.com

code.google.com

Hezké fonty na webu

Nemožnost používání libovolných písem, která jsou dostupná pro DTP, je „odvěkým“ omezením webových stránek. Potřeba ozvláštnit stránku neobvyklým písmem se nejčastěji týká nadpisů. Použít místo skutečného nadpisu (h1, h2, …) obrázek s nadpisem je sice možné, ale zcela neprofesionální, protože zvláště nadpisy jsou důležité pro SEO.

Jaké máme tedy možnosti?

  1. Obrázkový nadpis, který je pomocí CSS pozicován tak, aby vizuálně překrýval nadpis h1, h2 atp.
  2. @font-face – CSS deklarace umožňující plnohodnotně použít libovolný font (písmo je umístěno na serveru, nikoliv v počítači návštěvníka webu)
  3. Cufón – písmo převedeno do JS a zobrazeno pomocí JS knihovny Cufon
  4. sIFR – JS + SWF řešení; písmo převedeno do SWF, JS parsování DOMu a nahrazení elementů s „hezkým písmem“
  5. Jsou tu další možnosti a postupy se shodným principem jako Cufon (např. typeface.js) nebo dynamické generování obrázkových nadpisů na serveru (FLIR).

Pokračovat →