Jak propojit Flash a Google Analytics?

Pro Flashaře bylo vždy velkou neznámou to, jak se lidé v jejich webech chovají a co tam vlastně hledají. Pomocí jednoduchého triku můžeme měřit aktivitu uživatelů uvnitř Flashové prezentace pomocí Google Analytics. Flashovou prezentaci je nutné si rozdefinovat na jednotlivé části a podčásti, Google Analytics pak řekneme, že se tyto podstránky nazývají neco.html, protože jinak by to GA nezkously. Takto definované rozdělení může vypadat například následovně

  • produkty/rohliky.html
  • produkty/chleba.html
  • informace/index.html
  • kontakt/index.html

Uvnitř Flashe pak v místech kde uživatel vidí nebo si nechá zobrazit daný obsah umístíme kód ActionScriptu podle toho jakou verzi ActionScriptu používáte a co máte rádi.

Takové staroflashařské podání by mohlo vypadt následovně:

getURL("javascript:pageTracker._trackPageview(‘/produkty/rohliky.html’);");

Pro Flash 8 a vyšší je možné provést hezčejší kód:

ExternalInterface.call("pageTracker._trackPageview","/produkty/rohliky.html");

A pokud si libujete v ActionScriptu 3.0, tak je pro vás tento kód:

var jsURLCall:URLRequest = new URLRequest

("javascript:pageTracker._trackPageview

(‘/produkty/rohliky.html’);")

navigateToURL(jsURLCall);

poť vše, originál tutoriálu, ze kterého jsem čerpal pro tento článek naleznete zde.

UPDATE: Tak nakonec mi i pro Flash 8 nefungoval ExternalIntervace.call, ale staré dobré getURL funguje perfektně. Pouze je třeba počítat s tím, že update do statistik trvá až 48 hodin. A ještě přidávám odkaz na nápovědu Google Analytics k problému trackování sestandartních událostí a stránek.

Typy animace ve třídě mx.transitions

Třída mx.transitions ve Flashi se používá v ActionScript 2.0 pro programování změn velikosti, přesunů a jiných parametrů u objektů.

Máme následující typy animací:

Back – prodlouží animaci o kousek ve směru pohybu a poté se vrátí na určené místo

Bounce – Udělá skákací efekt na začátku i konci pohybu

Elastic – udělá efekt elasticity pohybu (jako by byl objekt na gumě)

Regular – pohyb je pomalejší na začátku i konci

Strong – Podobný jako Regular ale je víc znát pokud ho kombinujeme s metodami Easing (pružnost/dynamika pohybu)

None – klasický přesun z bodu A do bodu B

Každá z výše uvedených typů animací může mít následující typy dynamik pohybu:

EaseIn – pohyb se zrychluje

EaseOut – pohyb se zpomaluje

EaseInOut – pohyb se nejdříve zrychlí a ke konci zpomalí

Pěkný přehled funkcí Actionscriptu 2

Má vnitřní chuť a okolnosti mně donutily trošku proniknout dovnitř krásy Flashového programovacího jazyku nazvaného Action Script a spousta věcí se najednou zdá býti lehčí než před lety. Nesnáším obsáhlé knihy a nejradši se učím z příkladů. Velmi pěkný základní příklady jsou zde.

Spousta pěkných komponentů se pak skrývá na adrese http://www.flashcomponents.net/

Jak uložit video z Youtube?

Sympatickou stránkou umožňující uložit video z Youtube je www.downloadfromyoutube.com. Pomocí jednoduchého formuláře kam zadáte URL videa na YouTube si to video stáhnete (je nutné ho při ukládání přejmenovat aby mělo přílohu .flv). FLV je Flashový videosoubor. Ten můžete například pomocí www.zamzar.com překonvertovat do jiného videosouboru (například .avi), který je možné dobře přehrávat na libovolném počítači. Nebo je možné si stáhnout přímo přehrávač .flv souborů, sympatický a zdarma je například tento.

Videogalerie

Doprogramoval jsem do tohoto krásnéího blogu videogalerii. Potřeboval jsem mít nejenom databázi fotografií, ale i videa. Bohužel to nebylo až tak jednoduché, jak jsem si myslel.

Celý proces měl několik úskalí, které zde nastíním a pokusím se i ukázat vlákna vedoucí k vyřešení problému:

1) upload souborů

S uploadem souborů mám své zkušenosti, takže s tím nebyl až takový problém. Relativně příjemný popis základních příkazů je na Králíkově blogu, je ale nutné do programu doplnit bezpečnostní ošetření aby lidé nemohli uploadovat "škodlivé" soubory. Problém, na který jsem narazil ale nevyřešil ho (protože nemám vlastní server, jsem na hostingu) je maximální velikost uploadovaných souborů. Obecně je limit někde kolem 5-8 Mega (což pro mé účely stačí), ale pokud bychom chtěli uploadovat větší soubory, není jiná možnost než změnit konfiguraci php.ini souboru. Tento soubor ale může měnit jenom ten kdo nainstaloval PHP na serveru, který používáme.

2) screenshotování videa do thumbnailu

Největší problém je zpracování screenshotu uploadnutého videa. Jediný software napojitelný na PHP, který jsem našel je knihovna pro práci s videem nazvaná ffmpeg-php, ale tu je třeba instalovat do PHP, k čemuž zase nemám oprávnění 🙁 Tento problém jsem tedy nevyřešil a jako provizorní opatření jsem použil zobrazování videa bez autorun, což je datově dosti náročné řešení 🙁

3) zobrazení videa

Pro zobrazení videa jsem testoval několik možností od zobrazení v tagu img dynsrc= (zobrazuje ale asi jenom .avi) přes komplikovanější object s vloženým classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A". Nakonec se ale ukázalo jako nejlepší použít jednoduchý embed, jehož použití je hezky popsáno například zde. Co v tagu embed funguje dost divně je zobrazování ovládání videa, který mi u souborů přehávaných přes MedaPlayer vůbec nejde vypnout, zatímco u souborů přehrávaných přes QuickTime to je OK.

4) pořádné zobrazení videa

Protože MSIE zobrazuje objekty Active-X tak, že fungují až po kliknutí, je třeba to trošku obejít. Když je tag embed vložený přímo do HTML kódu stránky, funguje to až po kliknutí. Pokud se ovšem kód vloží JavaScriptem z externího souboru, zobrazuje se video hned a bez keců. Proto bylo třeba vytvořit zvláštní .js soubor, který si hlavní HTML stránka volá do sebe a když se má zobrazit video, zavolá se JavaScriptová funkce obsažená v tom .js souboru, která obsahuje jednoduchý document.write a kód tagu embed, který zobrazuje video. Jak tohle funguje v reálů můžete vidět ve ccvičné galerii Videoklipy zde na blogu.

Jak udělat RSS čtečku na svých stránkách

Na stránce Samuraj-cz.com jsem našel zajímavý článek o tom jak vložit do vlastních stránek RSS zdroj někoho jiného. Článek odkazuje na knihovnu lastRSS, pomocí které je možné takovéto RSS okno generovat a hlavně je to zadarmo :o)) 

Update: Knihovnu jsem otestoval a bez problémů ji uvedl do provozu. Je uživatelsky velmi příjemná a její spuštění vyžaduje pouze základní znalosti PHP. Pro slávu autora, kterým je Vojtěch Semecký zde tedy ještě jednou připojuji odkaz a logo knihovny.

lastRSS

Růžovka, mall.cz a HP w2408h

Když už u toho počíátače trávím mládí (no vlastně skoro stáří), zachtělo se mi nádherného vizuálního zážitku. Vyvoleným uspokojením se měl stát 24" LCD monitor. Po hledání veškerých recenzí po internetu jsem zpru vybral Samsung, který se dá pořídit kolem 10 000,- Kč. Po konzultaci s profi-grafikem Zdendou jsem však šáhl hlouběji do peněženky a rozhodl se pro HP w2408h.

Po hledání na heureka.cz jsem zjistil zajímavou věc – prvních několik vyhledávání obsadily obchody se stejnou cenou a výrazně podobnými layouty (empyrea.net, nakup-levneji.cz, nasklade.cz, s-pc.cz, …). Instinktivně jsem tyto podivný mnohoterčata obešel a rozhodl se neposlat svých 15 tisíc na charitní organizace pomáhající duševně nemocným programátorům. Ačkoliv nejnižší cena byla kolem 12 500,-, rozhodl jsem se zaplatit za jistotu a objednat na pcexpert.cz, což je eshop sdružený pod gigantem mall.cz. Bohužel, záhy došel z PCExpertu mail, že prý již model nemají (a modelová řada byla ukončena – monitor již nikdy nebude) a že nabízejí jiný model (BENQ). Ten jsem nechtěl a nechal si vrátit peníze (pevně věřím že přijdou). Pro dobro PCExpertu musím dodat, že daný model v databázi již nemají.

Vzpoměl jsem si tedy na můj oblíbený eshop ruzovka.cz, který mne ještě nikdy nezklamal. Po objednání jsem nečekal ani den a monitor byl připraven, navíc za skvělou cenu 12 700,- Kč. Už sedí na stole a mně bolí za krkem jak musím pořád hejbat hlavou abych ho přehlíd z rohu do rohu.

První pocity jsou skvělé. Barvy jsou kvalitní a monitor září až mi vypaluje mozek z hlavy. Grafiku i filmy zvládá v pořádku, stojan je dostatečně kvalitní. Zabudované reproduktory by mohly bejt lepší, ale kvůli nim jsem to nekupoval.

Sága Microsoft Silverlight – pokračování

Po čase jsem se rozhodl zaktualizovat situaci jak to vypadá s Microsoft Silverlight. Původní webdesignerské nástroje nazvané Microsoft Blend totiž nevypadaly na to, že by se s nimi dalo nějak pohodově pracovat. Šel jsem tedy na stránky Microsoftu, kde se stáhne aktuální verze softwaru Microsoft Blend (viz můj minulý článek o Microsoft Siolverlight) a zjistil, že narozdíl od mé posledni "may preview" je již k dispozici "december preview". Po stažení 25 megového instalátoru mi to nechtělo nainstalovat z důvodu, že prý nemám Microsoft .NET framework verze 3.5 a vyšší. Takže jsem si stáhnul 3megový instalátor .NET framework 3.5 Beta 1, který si ale samozřejmě klasicky dotahuje cca 107 megové soubory potřebné pro instalaci. … takže čekáme …. :o)