Sledování konkrétní akce pomocí Google Analytics

Pokud máme na webu uživatelské účty, můžeme sledovat konkrétního uživatele například tím, že si budeme ukládat nějaký identifikační údaj (například ID).

Toho docílíme následující úpravou sledovacího kódu:

<script type="text/javascript">
var _gaq = _gaq || [];
 _gaq.push(['_setAccount', 'UA-38785848-1']);
 _gaq.push(['_setCustomVar', 1, 'Uživatel', '{!$user}', 1]);
 _gaq.push(['_trackPageview']);
(function() {
 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 })();
</script>

Pokud chceme sledovat určitou akci – například javascriptovou událost, stačí následující:

_gaq.push(['_trackPageview', url]);

V proměnné url je obsažena adresa, která bude následně zobrazena ve statistikách.

 

 

Windows 7 – zákaz automatického restartu po aktualizaci

Spustit gpedit.msc. Poté ze stromu po levé straně vybereme postupně Konfigurace počítače -> Šablony pro správu -> Součásti systému Windows -> Windows Update. Na pravé straně následně vybereme volbu Zakázat automatické restartování v případě přihlášených uživatelů. Zvolíme Povoleno a potvrdíme.

Nyní už nás nebudou trápit automatické restarty.

Import EDB adresáře do aplikace Windows Live Mail

Následující postup jsem prováděl pod Windows 7 při importu kontaktů z Windows Live Mail 2011 do Windows Live Mail 2012. Měl jsem k dispozici disk z původního počítače, takže jsem se mohl dostat k EDB souboru s adresami. Nejsem si jistý, zda postup získání adres funguje i na verzi 2012. Možná také funguje na získání kontaktů aplikace Windows Live Messenger.

Nejprve je třeba získat samotný EDB soubor. Ten najdeme obvykle ve složce c:/Users/Uživatel/AppData/Microsoft/Windows Live Contacts/{dlouhý klíč}/DBStore/contacts.edb.

Soubor otevřeme programem, který je schopen data exportovat do CSV. Mně pomohl LiveContactsView. Soubor je třeba importovat ideálně včetně záhlaví do nějakého textového formátu (exportoval jsem do souboru se sloupci oddělenými tabulátory). Tento textový soubor jsem otevřel pomocí LibreOffice, smazal nepotřebné prázdné sloupce (ne nutně takové musí být) a uložil v UTF-8 jako CSV oddělené středníky. Toto je asi nejdůležitější část postupu, protože se jinak špatně uloží sloupce nebo české znaky textů.

Následně stačí otevřít Windows Live Mail, zvolit kontakty, import ze souboru CSV, vybrat tento soubor a potřebné sloupce. Kontakty se následně importují.

Vliv automatických aktualizací na podíl prohlížečů

Na backendu jedné aplikace mám pro sledování provozu zapnuté Google Analytics. Sice se do ní nepřihlašuje velké množství uživatelů, ale rozhodně je zajímavé sledovat, jaké technologie používají tito uživatelé. Minimálně pro to, abych věděl, na jaké prohlížeče či rozlišení se specializovat při dalším vývoji.

Při poslední kontrole používaných verzí prohlížečů mně zaujal poměr jednotlivých verzí.

statistika prohlížečů

 

Na tomto grafu je opravdu výrazně vidět to, jak velký vliv má automatická aktualizace prohlížeče. Vezměmě to postupně.

Firefox a Chrome

Proběhlo vydání nové verze, takže jsou souběžně uvedeny dvě. Ale během velmi krátké doby starší verze úplně vymizí a na její místo nastoupí nová.

Opera a Safari

Nepoužívá je tolik uživatelů a nevydávají tak často nové verze, proto je započítána pouze jedna verze od každého prohlížeče. Ale v případě vydání nové verze by průběh byl podobný jako u předchozích dvou.

Internet Explorer

Jsou započítány 4 různé verze prohlížeče. Verze 10 pozvolna získává vyšší podíl, ale spíše na úkor verze 9 než starších verzí. Oproti starším verzím Internet Exploreru má ale desátá verze subjektivně rychlejší nástup. Domnívám se, že verze 9 na předních pozicích statistiky nebude figurovat. Je to sice poslední verze, která funguje pod Windows Vista, ale tento operační systém nemá moc velký podíl. Horší je to s verzemi 8 a 7. Toto jsou poslední verze, které fungují pod Windows XP. Osobně nechápu, co vede uživatele k použití tohoto prohlížeče. Už z toho důvodu, že většina velkých aplikací pod těmito prohlížeči odmítá fungovat nebo funguje špatně, takže je použití tohoto prohlížeče poněkud omezené.

Jsem velice zvědav, jak bude vývoj dále probíhat. Pokud pomineme IE, tak máme vždy velkou jistotu, že bude mít uživatel nejnovější verzi svého prohlížeče. Co se týče Internet Exploreru, tak dva největší problémy jsou ty, že nové verze nepodporují starší verze Windows a chybějící, respektive méně aktivní automatické aktualizace.

 

Sledování odezvy na newsletteru pomocí Google Analytics

U newsletterů rozesílaných e-mailem je dobré sledovat odezvu. Dá se to řešit speciálními redirectovacími URL, ale v tomto případě se nedá analyzovat provoz komplexněji. Například pomocí Google Analytics.

Řešením je využít parametry pro evidenci kampaní v Google Analytics. Detailní nápověda je na http://support.google.com/analytics/bin/answer.py?hl=cs&answer=1033867. Zde jen uvedu, že stačí do URL poslat navíc tento kód:

utm_source=newsletter-2013-03-26&utm_medium=email&utm_campaign=newsletter

Samozřejmě je nutné na té dané stránce mít sledovací Google Analytics kód.

Adobe Acrobat X nelze spustit

Tak to mně opravdu dostalo. Acrobat (ano, ten ne zrovna levný program) se z čista jasna odmítl jednoho dne spustit. Kdyby aspoň zobrazil nějaké chybové hlášení – klidně jen, že se stala chyba. Prostě nic. Konec. Nespustí se.

A příčina? Nevím, ale asi si software myslí, že není aktivovaný.

Řešením je spustit malou utilitku z http://helpx.adobe.com/creative-suite/kb/acrobat-failed-launch-30-days.html. Otázkou je, zda se za 30 bude chtít ještě spustit.

Častá chyba s ajax požadavky v jQuery

Často se s tím setkávám. Naštěstí už ne v mém případě. 🙂 Když nefunguje ajaxový požadavek a nehlásí žádnou chybu nic, ani Firebug, ani PHP skript – protože ten funguje správně, tak je chyba prostá. Funkce, zpracovávající požadavek očekává data standardně v JSON formátu. A když je nedostane, tak i kdyby dostala krásný HTML výstup, tak prostě konec. Jen v případě, že je ošetřený error handler, tak se o této chybě dá dozvědět.

Takže závěrem: Vždy specifikovat datatype. Možné hodnoty najdete v jQuery dokumentaci. A mám dojem, že se výchozí formát někdy dříve změnil, takže možná je to vhodné specifikovat i v případě JSON formátu.

Stylování select boxu výhradně pomocí CSS

Určitě se vám stalo, že jste dostali za úkol vytvořit select box, který by vypadal nestandardně. Nebo jste prostě chtěli mít hezky vypadají select box, který by zapadl do celkového layoutu webu.

Problém je v tom, že select box nelze moc stylovat. V podstatě jen tak barvu textu, pozadí a tím to všechno končí. Hlavní problém je v tom, že pro vykreslení je použita standardní komponenta operačního systému, která nemá některé potřebné vlastnosti pro definování vlastního vzhledu. Existují různá řešení, která toto obchází pomocí JavaScriptu. Mají několik nevýhod. Nelíbí se mi to, že by se kvůli definování vzhledu, měl přidávat JavaScript. To by se ještě sneslo, ale větší problém je v tom, že jde mnohdy o nestandardní řešení, kdy je obsah select boxu plněn JavaScriptem, což je nepohledné a spíš komplikující.

Tak jsem hledal až jsem našel řešení: http://bavotasan.com/2011/style-select-box-using-only-css/. Problém byl v tom, že to nefungovalo úplně správně v některých prohlížečích, těžko říct proč, tak jsem to trochu upravil a výsledek se dostavil. Určitě se tímto nedají vytvořit ještě složitější úpravy vzhledu select boxu, ale pro základní změnu to postačí – tedy nahrazení rozbalovací šipky a toho, co je zasazeno v layoutu – ne rozbalený seznam.

HTML kód:

<div><select><option>Here is the first option</option><option>The second option</option></select></div>

CSS kód:

.filtr .styled-select {
 width: 278px;
 height: 34px;
 overflow: hidden;
 background: url(../../img/select-arrow.png) no-repeat right #fff;
 margin-top: 10px;
 -moz-box-shadow: inset 0 0 10px #999;
 -webkit-box-shadow: inset 0 0 10px #999;
 box-shadow: inset 0 0 10px #999;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
}
.filtr .styled-select select {
 background: transparent;
 width:306px; /* Fix for Opera, FF, IE; */
 padding: 8px;
 line-height: 1;
 border: 0;
 border-radius: 0;
 height: 34px;
 -webkit-appearance: none;
 color: #9a9a9a;
 background-color: rgba(0,0,0,0); /* Opera fix */
 outline:none;
 -moz-appearance:none;
 appearance:none;
}

Možná by se dal výsledný kód ještě o něco zkrátit, záleží asi na konkrétních potřebách úpravy. Pro podrobnější popis řešení se podívejte na původní návod.