Komentář k přednášce a její důležité body

V této prezentaci jsem znovu vyzdvihl obrovský rozdíl mezi projekty. Je skutečně něco úplně jiného, pokud pracujete na Facebook komunikaci prvoligového fotbalového klubu, filmového festivalu, politické strany či nadnárodní korporace. Liší se cíle, rozpočty, schvalovací procesy, ale třeba také množství obsahu a zdrojů, se kterými můžete pracovat. Zatímco některé firmy a projekty jsou pro úspěch na Facebooku přímo zrozeny, u některých budete mít při přípravě strategie opravdu vrásky na čele.

Na dalších slajdech jmenuji další důvody, proč se dnes o Facebook zajímá tařka každý. Pokud se podívám na statistiky průměrného eshopu (slajd č. 14), zjistím, že jejich 5. nejvýnosnější zdroj provozu je právě Facebook. To je poměrně běžná situace, kterou není úplně vhodné ignorovat. Facebook opravdu generuje prodeje eshopům ať už prostřednictvím samovolného doporučování mezi lidmi, či cílenými statusy o novinkách, slevách, akcích a soutěžích. To vše si také můžete změřit v Google Analytics (slajd č. 46) – stačí si sdílené odkazy na zdi poctivě označovat skrze Google URL Builder (čtěte krátký návod na označování Facebook odkazů).

V prezentaci najdete opět a zase varování nad nesmyslností celého fenoménu nákupu fanoušků. Nerad bych opakoval 100x to, co již bylo vyřčeno. Mohu jen doporučit fanoušky nenakupovat, nevyměňovat a těmto technikám se zpovzdálí smát. Více o tématu najdete na slajdech č. 26 – 30, pěknou prezentaci na toto téma nabídl Ondřej Jireš z Dobrého Webu. Tu doporučuji. Pro další studium tohoto tématu pak doporučuji ještě velmi pěknou diskusi na síti LinkedIn, které jsem se měl štěstí účastnit, stejně jako jeden z provozovatelů výměnného systému fanoušků. Zajímavé čtení.

Závěrem snad velmi důležité zopakování základů. Nikdy nepoužívejte Facebook jako newsletter. Není to newsletter a nebude vám to fungovat, a to ani s minimální návratností. Snažte se s fanoušky komunikovat, pozvat je do užšího kruhu, nechat je nakouknout pod pokličku a nejlépe je do toho všeho zapojit. Právě oni, vaši zákazníci, mohou (měli by!) rozhodovat o vašich dalších krocích, o názvech a cenách produktů, slevových akcích, soutěžích a všem, co pro ně připravujete. Příklad newsletterové komunikace na Facebooku bez zřejmě jakýchkoli výsledků můžete vidět na slajdu č. 41.

Pokud si prezentaci prohlížíte, využijte na předposledním slajdu bohatého zdroje doporučených odkazů na téma Facebook marketing, PPCčka na Facebooku a internetový marketing obecně.

Na závěr bych chtěl poděkovat Michalovi za pozvání na workshop a stejně tak díky všem účastníkům. Byla tu pěkná atmosféra, akorát je škoda, že kvůli nemoci nebyl můj výkon úplně 100%. Na webu Michala Janíka můžete rovněž vidět slajdy i z druhé přednášky. Katka Václavková zde poměrně obsáhle mluví o základech komunikace na Twitteru.

Dnes ráno jsme při kontrole reklamních sestav zaregistrovali podstatné změny uživatelského prostředí zadávání nových reklam. Uživatelské prostředí je subjektivně přehlednější, ale především znatelně rychlejší. Reklamy se sestavují na základě určitých otázek pro inzerenta. Tato forma je určitě přívětivější pro začátečníky. Potěšilo nás, že výpočet potenciálního počtu uživatelů, kterým se reklama zobrazí, probíhá nyní opravdu okamžitě. Hlavní změnou je však nasazení „Cílů kampaně“ – „Objectives“.

Náhled nového uživatelského prostředí Facebook Ads

Nově si při zakládání reklamy musíte vybrat cíl kampaně. Nabízené cíle kampaně se liší dle typu reklamy (tvoříte reklamu pro Facebook stránku, aplikaci či pro webovou stránku?) a přímo ovlivňují cenový model (platba za proklik vs. platba za zobrazení):

• Při propagaci Facebook stránky může být vaším cílem získat největší počet nových fanoušků nebo největší počet prokliků reklamy. V druhém případě se nic moc nemění – jedná se o klasický model platby za proklik (CPC). Zvolíte si tedy, kolik jste ochotni platit za jeden proklik a uvidíte, zdali vaše reklama uspěje vzhledem ke konkurenci. Zajímavá je však první varianta, kdy Facebook v daném denním či celkovém rozpočtu optimalizuje kampaň automaticky s cílem dosažení co nejvyššího počtu fanoušků. Zobrazuje jednoduše kampaň uživatelům, u kterých předpokládá, že jsou vašimi potenciálními fanoušky.

• Při propagaci webové stránky, eshopu či jakéhokoli webového obsahu Facebook automaticky určuje cíl kampaňe zaměřenou  na zisk co největšího počtu prokliků. To je podstatná změna, protože od této chvíle nemáte při propagaci webových stránek možnost využít model platby za zobrazení (CPM).

Více se o zavedení cílů ve Facebook reklamách můžete dočíst v oficiální nápovědě Facebooku.

Co to bude znamenat v praxi?

Změna byla nasazena před pár hodinami, a tak ještě nemáme k dispozici žádná data o těchto nových formátech. Na první pohled vypadá možnost cíle kampaně „Co největší počet fanoušků“ lákavě, ale vše bude záviset na konečné ceně, kterou budeme v praxi platit. Od této chvíle již prakticky nemůžeme volit mezi modely CPC a CPM, tak jako tomu bylo ještě včera, a to je určitě velká škoda. Model platby za zobrazení (CPM) dosahoval u některých specifických kampaní mnohem lepších výsledků než model platby za proklik (CPC). Jakmile změříme dopady těchto nových kampaní, budeme vás informovat na našem Facebooku či Twitteru.

Je známo, že Facebook používá různé verze uživatelského prostředí, které postupně testuje a nasazuje. Z toho důvodu nemusíte mít zatím námi popisované nové rozhraní k dispozici.

Zajímá vás internetový marketing, sociální sítě, využití Facebooku či Google Analytics více do hloubky? Chcete tyto nástroje používat efektivně k propagaci vaší firmy? Právě pro vás nabízíme v Brně odborná školení, která si zakládají na praxi a reálných zkušenostech lektorů. Nabízíme vám naše zkušenosti a reálnou praxi již od 2 290 Kč a k tomu až 90 % slevy pro studenty. 

Na přípravu profilu máte čas do 30.3.

6 hlavních změn, které nový vzhled přináší

1. Nový vzhled stránek, nové rozměry profilovky a Cover Photo

Do 30.3. je potřeba nachystat především Cover Photo (851×315 px) a využít maximální prostor pro vaše vlastní grafické materiály. Více informací o rozměrech a pravidlech najdete např. na stránce společnosti PROKOP software.

2. Podstatné změny tabů, vstupních stránek a Facebook aplikací

Tyto taby již nejsou zobrazovány v levé části Facebook stránky a uživatelům jich teď můžete zobrazit menší množství. Vaše aplikace, eshopy a vstupní stránky však teď mohou mít až 810 px.

3. Vstupní stránky už nejdou nastavit jako výchozí

Velmi oblíbené vstupní stránky už není možné nastavit jako výchozí, a proto se uživatel vždy ocitne rovnou na zdi. Výjimku tvoří placené kampaně na Facebooku – Facebook Ads. U nich můžete cílit na vaše (až 810 px široké) vstupní stránky.

4. Nové způsoby komunikace a doručování obsahu

Nové Facebook Pages dovolují vytvářet milníky vaší firmy v historii. Dobovou fotografií tak můžete doložit vznik společnosti, nového produktu či rekonstrukci vaší budovy. Facebook přidal i možnosti, jak pracovat se samostatnými statusy. Ty můžete zvýrazňovat či rovnou „připíchnout“ na 7 dní na úplný začátek stránky, kde budou nejlépe viditelné. Takto můžete preferovat důležité akce, slevy nebo nějaký zajímavý obsah pro vaše fanoušky.

5. Fanoušky můžete nyní pozvat emailem

Ano, ano, pokud máte méně než 5 000 fanoušků, skutečně můžete importovat seznam emailových adres, kterým bude zaslána pozvánka mezi fanoušky Facebook stránky. Musí se však jednat o emaily uživatelů Facebooku a samozřejmě musíte mít povolení data pro tyto účely využívat.

6. Přímé kontaktování správců stránky

Uživatelé dostávají možnost přímo kontaktovat správce stránky, pokud to oni v nastavení nezakáží. To může znamenat pro firmy velké usnadnění. Od 30.3. tak již nemusíte používat nějaké speciální aplikace, jako jsou kontaktní formuláře.

Hodnotné a důvěryhodné zdroje informací o novém vzhledu Facebook stránek

• Jak na firemní Timeline podruhé a ještě podrobněji – TyInternety.cz – Jenda Perla
• Facebook spustil Timeline pro Pages – Jenda Perla
• SixPack názor: Změny na Facebooku – Názory šesti různých lidí na změny na Facebooku – Sixpack.cz
• The Complete Guide to Setting Up the New Facebook Page Design – Blog.Hubspot.com
• Facebook Brand Timelines: 6 Big Changes Every Marketer Needs to Understand – Mashable.com
• 40 Creatively Awesome Facebook Timeline As Used By Brands – Slodive.com

Jak vy využijete nové možnosti?

Celkově jsou z našeho pohledu nové firemní profily krokem vpřed. Nové možnosti grafických materiálů i samotné komunikace podporují kreativitu, vynalézavost a odlišení značek na této sociální síti. Jako negativní však hodnotíme zbytečné restrikce u Cover fotky – hlavního vizuálního prvku Facebook stránky. Facebook zde zakazuje přímo propagovat konkrétní produkty, ohlašovat novinky a dokonce není ani možné zmínit otevírací dobu. Škoda. Uvidíme, jak to bude fungovat v praxi. A co vy? Už jste přešli na nový vzhled Facebook stránek, nebo teprve zjišťujete možnosti a vymýšlíte, jak s nimi naložit? Máte nějaký zajímavý příklad využití nového vzhledu firemních stránek nebo jakýkoli dotaz? Napište nám v diskusi pod článkem.

Zajímá vás internetový marketing, sociální sítě, využití Facebooku či Google Analytics více do hloubky? Chcete tyto nástroje používat efektivně k propagaci vaší firmy? Právě pro vás nabízíme v Brně odborná školení, která si zakládají na praxi a reálných zkušenostech lektorů. Nabízíme vám naše zkušenosti a reálnou praxi již od 2 290 Kč a k tomu až 90 % slevy pro studenty. 

Kroky, které jsou nutné k integraci

Zde je seznam kroků potřebných k integraci Facebook komentářů. Detailně budou popsány ve zbývající části tohoto článku.

1. Programátor, který stojí za samotnou integrací, musí být veden jako vývojář na Facebooku
2. Vytvoření Facebook aplikace
3. Integrace pluginu Comments do své webové stránky

1. Staň se vývojářem na Facebooku

Aby bylo možné přejít k vytvoření potřebné aplikace, je nutné se nejprve stát vývojářem na Facebooku. Co to přesně pro Vás znamená? Není nutné nikde žádat o zaměstnání u společnosti Facebook, stačí pouze udělat jeden jednoduchý krok – přidat si mezi oblíbené stránku Vývojář (Developer), která je k dispozici na této adrese http://www.facebook.com/developers/. Mnohdy je nutné na změnu počkat i několik hodin, Facebook úpravu propaguje na všechny jejich servery.

2. Vytvoření potřebné FB aplikace

Samotný plugin Comments, který Vám umožní přikládat komentáře a vést diskuze, musí být propojen s konkrétní Facebook aplikací. Takže pokud je splněn předchozí bod a jste fanouškem aplikace Vývojář (Developer), přejděte na tuto stránku http://www.facebook.com/developers/. Pomocí tlačítka Vytvořit novou aplikaci otevřete formulář pro vytvoření nové aplikace. Teď už zbývá jen vyplnit vše potřebné a odeslat. V nastavení takto vytvořené aplikace vyberte způsob, jak se aplikace bude integrovat na Facebooku, a to tak, že uděláte následující kroky:

• Zaškrtněte volbu Webová stránka
• Objeví se nové formulářové políčko, kde vyplňte URL stránky

Nyní máte vyplněno vše potřebné, takže stačí změny uložit.

3. Integrace pluginu Comments do své webové stránky

Facebook připravil jednoduchého průvodce, s jehož pomocí vygenerujete kód, který pak vložíte do své HTML stránky. K dispozici je na adrese http://developers.facebook.com/docs/reference/plugins/comments/. Vyplňte následující políčko:

• URL to comment on – URL, na které poběží plugin s komentáři
• Number of posts – počet posledních příspěvků, které budou zobrazeny
• Color Scheme – barevné schéma celého pluginu

Pak vše potvrďte pomocí tlačítka Get Code. Zobrazí se Vám nové okno. Pokud již spravujete více Facebook aplikací, tak se ujistěte, že je vybraná právě ta aplikace, která byla vytvořena v bodu č. 2. To provedete pomocí „přepínátka“ viditelného na následujícím obrázku:

První část vygenerovaného kódu vypadá přibližně takto:

Jediný rozdíl je v tom, že u Vás bude místo XXXXXXXXXXXX uvedeno ID vaší aplikace. Tento kód vložte hned za HTML tag <body>.

Druhá část vygenerovaného kódu vypadá přibližně takto:

Konkrétní atributy se můžou lišit v závislosti na Vašem nastavení. Pomocí atributu data-width můžete ještě upravit šířku tohoto pluginu. Tento kód umístěte na požadované místo na stránce, kde budete chtít zobrazit komentáře.

Moderujte nové komentáře

Administrátor komentářů může například zvolit, zda jsou nové komentáře viditelné hned všem uživatelům, nebo mají nějaké omezení (např. je nutné je nejprve schválit). Dále je možné zablokovat vybrané uživatele nebo vybrat nevhodná slova, která se nemohou objevit v příspěvcích. Možností je více. Konkrétní nastavení je možné udělat na této stránce http://developers.facebook.com/tools/comments.

Aby bylo možné moderovat jednotlivé komentáře, musíte povolané osoby zařadit na seznam administrátorů. Následující meta tag umístěte do HTML hlavičky Vaší stránky, tzn. mezi <head> … </head>.

Pokud je moderátorů více, oddělte jejich ID pomocí čárky a bez použití mezery. ID uživatele na Facebooku zjistíte třeba tak, že zadáte jeho login do následující URL https://graph.facebook.com/login_uzivatele (příkladem může být třeba https://graph.facebook.com/igloonet, kde je ID vidět hned na začátku).

Více informací k dalším možnostem nastavení naleznete na této Facebook stránce.

Závěrem

Facebook plugin Comments považuji za velmi užitečný nástroj. A to jak pro klienty, tak pro samotné vývojáře. Pokud nehledáte nic specifického, dokážete tak v krátkém čase nabídnout plnohodnotné vkládání komentářů k článkům či stránkám na webu.

Zdroje a odkazy na podrobnější informace

• Facebook Comments, http://developers.facebook.com/docs/reference/plugins/comments/, únor 2012

igloonet o marketingu a vzdělávání

Právě dnes začínáme být oficiálně aktivní na sociální síti Google Plus. Nepůjde však o další klasický firemní profil a nepůjde ani o kopírování obsahu z Facebooku, Twitteru či našeho blogu. Naše stránka se jmenuje „igloonet o marketingu a vzdělávání“ a je zaměřená především na dva typy uživatelů:

a) lidé se zájmem o marketing

Chcete vědět předem o každé marketingové konferenci v ČR? Velkou většinu z nich nakonec i navštívíme, a tak rádi poskytneme čerstvé informace z místa dění. Zajímají vás novinky ze světa sociálních sítí či internetového marketingu obecně? Vybíráme to nejzajímavější a vždy přidáme náš názor či zkušenost. Dále sledujeme zahraniční zdroje, konference, webináře, blogy a ebooky. Je zbytečné číst všechno, o to nejlepší se rádi podělíme. A je toho mnohem více. Jsme např. partnery Google Adwords a máme vždy čerstvé informace ze světa PPC reklam. Minulý rok jsme navštívili dvě marketingové konference v Londýně a účastnili se workshopů od lidí z Facebooku. Jsou pro vás takové informace přínosné? Zapojte se s námi do diskuse na Google Plus.

b) studenti a obecně lidé se zájmem o sebevzdělávání

Víme o velké spouště příležitostí pro studenty různých oborů. Máme sice nejblíže k marketingu, ale stejně tak umíme nabídnout akce zaměřené na podporu podnikání či IT znalostí. Zajímají vás hrazené stáže či školení pro studenty zdarma? A co takhle studentské soutěže? Láká vás studium v zahraničí? Vybíráme to nejzajímavější pro studenty. Hned v úvodu např. doporučujeme soutěž pro začínající podnikatele Podnikavá hlava o 50 000 Kč, velmi zajímavý plně hrazený workshop v Barceloně spol. McKinsey nebo třeba účast na pražském Startup weekendu. Zaujaly vás takové akce? Přidejte si nás do kruhů a další podobné vám už neuniknou.

Připojte se k nám na Google Plus

S marketingem a vzděláváním přicházíme do styku prakticky každý den a umíme tak nabídnout zajímavou přidanou hodnotu. Rozhodli jsme se tento potenciál zdarma poskytnout každému prostřednictvím sítě Google Plus. Budeme rádi, když se připojíte k naší komunitě a pomůžete nám vyhledávat zajímavý, kvalitní obsah, příležitosti a akce pro každého.

Zajímá vás internetový marketing, sociální sítě, využití Facebooku či Google Analytics více do hloubky? Chcete tyto nástroje používat efektivně k propagaci vaší firmy? Právě pro vás nabízíme v Brně odborná školení, která si zakládají na praxi a reálných zkušenostech lektorů. Nabízíme vám naše zkušenosti a reálnou praxi již od 2 290 Kč a k tomu až 90 % slevy pro studenty. 

Jak již jsem nakousl, máme v kaskádových stylech dvě základní délkové jednotky:

• absolutní jednotky – především pixel (px)
• relativní jednotky – em

Bližší definici pixelu a jednotky em naleznete třeba zde na webu CSS-tricks. V tomto článku zmíním jen základní rozdíly.

Absolutní jednotky

Používání absolutních jednotek má jednu velikou výhodu. Je to spolehlivé a konzistentní. Také samotné definice v CSS souborech se velice snadno zapisují. Vše ukážu na následujícím kousku HTML5 kódu:

Tento článek je zaměřen na velikosti fontů. Nebudeme se tedy zabývat otázkou, jak nastylovat rozložení prvků na stránce. Definice kaskádových stylů s použitím absolutních jednotek by mohla vypadat následovně:

Tento zápis má ale jednu nevýhodu. Uživatelé starších prohlížečů Internet Explorer (dokonce i verze 9) jsou znevýhodněni. Nemají možnost měnit velikost textu na webu použitím funkce na zvětšení/zmenšení fontu v prohlížeči. Poslední verze většiny „velkých“ prohlížečů už obsahují funkci přibližování, která zvětšuje naráz rozměry všech prvků stránky.

Relativní jednotky

Problém zvětšování fontů v Internet Exploreru je řešitelný použitím relativních jednotek. Pokud chceme použít tuto techniku, je nutné v prvé řadě upravit základní velikost fontu pro celou stránku. Rozměr zadefinujeme v procentech. Výchozí velikost pro text ve většině moderních prohlížečů je 16 pixelů. Což znamená, že tento zápis:

je ekvivalentní tomuto zápisu:

Výsledkem této úpravy je flexibilní definice rozměru fontu. A právě na tento rozměr se odkazujeme pomocí relativních jednotek, díky kterým zapíšeme, o kolik bude velikost fontu větší/menší než je velikost nadřazeného HTML elementu.

Velikost 100% tedy odpovídá ve většině prohlížečů velikosti 16px. Někteří vývojáři však preferují zmenšení této velikostí na 62.5%. To totiž odpovídá velikosti textu o rozměru 10 pixelů, která je sice hodně malá pro běžné čtení, ale veškeré další výpočty pomocí relativních jednotek budou následně snazší. Velikost 1em = 10px, 0.8em = 8px, 1.6em = 16px apod. Známý internetový blog A List Apart však doporučuje v článku How to Size Text in CSS používání velikosti 100%, díky které dosáhneme více konzistentního výsledku.

Pokud převádíme velikost v pixelech na jejich ekvivalentní rozměr v em, musíme použít drobný výpočet. Vezmeme velikost v pixelech, kterou chceme převést a vydělíme ji velikostí nadřazeného HTML elementu. Výsledek je náš potřebný relativní rozměr, který můžeme umístit do našeho CSS souboru jako rozměr v em. Dostáváme jednoduchý vzorec:

cílový rozměr (px) ÷ kontext (px) = výsledek (em)

Toto je část definice CSS z předchozího příkladu:

Pokud budeme chtít převést rozměr 30px do rozměru v em, musíme znát velikost nadřazeného HTML elementu. Víme, že máme font-size: 100% a také, že je to ekvivalentní velikosti 16px. Po dosazení do našeho vzorce dostáváme:

30 ÷ 16 = 1.875

30px je 1.875-krát větší než 16px, takže naše velikost fontu pro .main-title je 1.875em.

Další rozměr, který budeme přepisovat, je tento:

Pokud budeme chtít přepsat rozměr 42px do rozměru v em, musíme si uvědomit, že došlo ke změně nadřazeného HTML elementu. To by ještě tak nevadilo, jenže nadřazený element .main-title má jiný rozměr. Náš vzorec bude vypadat takto:

42 ÷ 30 = 1.4

42px je 1.4-krát větší než 30px, takže naše velikost fontu pro .main-title cite je 1.4em.

Stále však zůstává výska řádku definovaná v pixelech – 36px pro .main-title a 50px pro cite uvnitř .main_title. To ale znamená, že výška řádku se nebude měnit se zvětšující/zmenšující se velikostí fontu. I na přepočet těchto rozměrů můžeme použít stejný vzorec s jediným rozdílem, že velikost rodičovského HTML elementu bude nahrazena velikostí font-size, ke které se výška řádku vztahuje.

36 ÷ 30 = 1.2
50 ÷ 42 = 1.2

Prvky .main-title a cite mají vypočítanou velikost řádku 1.2em. A protože oba elementy sdílí stejnou velikost, můžeme ji nastavit jen jednou u nadřazeného HTML elementu a zbytek se podědí.

Sečteno a podtrženo. Když to vše přepíšeme do našeho CSS souboru, dostaneme následující zápis:

Teď si určitě říkáte, že tento způsob zápisu je poměrně pracný. Proč ho tedy vůbec používat? Představte si, že máte na celém webu nadefinované rozměry pomocí pixelů. A najednou si Váš klient vzpomene, že by chtěl zvětšit velikost všech fontů. To, co musíte v této situaci udělat, je přepsat veškeré definice kaskádových stylů. U velikých projektů může být přepsání všech velikostí poměrně pracné. Pokud by však byla velikost fontů definovaná pomocí relativních jednotek, tak jediné co uděláme, je to, že zvýšíme font-size u elementu body v definici kaskádových stylů.

Jednotka rem

Jak jsem již zmínil, jednotka em je relativní vůči font-size nadřazeného HTML elementu. CSS3 přichází s novou jednotkou rem (root em). Ta je relativní vůči kořenovému HTML elementu – což je v našem případě element body. My tak můžeme definovat jednu základní velikost fontu pro celou webovou stránku a všechny rem jednotky budou odvozeny přímo z tohoto rozměru.

Stále se jedná o relativní určení velikosti fontu. Akorát náš vzorec se trochu změnil:

cílový rozměr (px) ÷ kořenový HTML element (px) = výsledek (rem)

Nemusíme tedy přemýšlet o tom, jak jsou jednotlivé HTML elementy do sebe zanořené. Do celé problematiky zápisu relativních rozměrů v CSS je najednou vnesen větší pořádek. Určitě si říkáte, jak je to skvělé! Bohužel podpora ve webových prohlížečích není až tak ideální, jak by si vývojáři představovali. Protože jednotka rem přišla až s nástupem CSS3, byla do hlavních prohlížečů implementována postupně. Podporovány jsou:

• Firefox 3.6+
• Chrome
• Safari 5+
• Internet Explorer 9+
• Opera 11.60+

Nelze ji tedy ještě považovat za univerzální jednotku. Pokud však chceme podporovat i starší prohlížeče, je nutné deklarovat tzv. fallback v pixelech. Pokud prohlížeč nebude umět pracovat s jednotkou rem, použije se alternativní rozměr. Náš příklad by pak mohl vypadat takto:

Co tedy používat?

Absolutní i relativní jednotky mají své výhody i nevýhody. Definice rozměrů v pixelech nabízí značnou jednoduchost a přesnost při zápisu CSS. Tomuto řešení však chybí potřebná flexibilita. Relativní jednotka em sice tyto nedostatky odstraňuje, ale bohužel i v této malé ukázce bylo vidět, že je nutné při převodu vše „pracně“ přepočítávat.

Osobně si myslím, že používání jednotky rem je elegantním řešením, jak z této situace ven. Ale ještě nějaký čas potrvá, než budou staré prohlížeče vytlačeny ze středu zájmu vývojářů a budeme tak moci zahodit nutné fallbacky.

Zdroje a odkazy na podrobnější informace

• Font sizing with REM, http://snook.ca/archives/html_and_css/font-size-with-rem, květen 2011
• How to size text using ems, http://clagnut.com/blog/348/, květen 2004
• Type study: Sizing the legible letter, http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/, listopad 2011
• Unitless line-heights, http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/, únor 2006

Přesně pro lidi jako jsi ty, jsem se rozhodl založit na Univerzitě Palackého, ve Vědeckotechnickém parku v Olomouci marketingový think tank „JsmeMarketing“. Jde o otevřenou komunitu lidí se zájmem o racionální, kreativní a moderní metody marketingu. Jednoduše a konkrétně: Pořádáme dvě vzdělávací akce se zaměřením na internetový marketing a sociální sítě měsíčně. Rád bych tímto podporoval kreativitu, praktické vzdělání a znalosti studentů vysokých škol a dalších lidí se zájmem o marketing a tvorbu vazeb mezi těmito lidmi. Každý z nás má obrovský potenciál, jen málokdo ho však využívá. Obrovská škoda.

Představení JsmeMarketingu na OvaSrazu

Proč sociální sítě?

Marketing na sociálních sítích je rychle rostoucím oborem zájmů firem a to bez ohledu na jejich velikost či odvětví (o rostoucích časových i finančních investicích ze strany firem existuje celá řada výzkumů, např. na Social Media Today a BizJournal, v češtině pak třeba na M-Journal.cz). Není divu – moderní internetové sociální sítě skutečně skrývají obrovský potenciál (úspěšné příklady a případové studie – např. Facebook Marketing Solutions a Simplyzesty). Ten je však otevřen jen kreativním značkám/společnostem se skutečným zájmem, které už pochopily jiná pravidla hry.

„Facebook is not just another marketing channel; it offers opportunities for smart and nimble brands.“ soapcreative.com

A to opět není divu – překážky pro vstup značky na sociální sítě takřka neexistují, založení profilu je obvykle zdarma. Konkurence je zde tedy vysoká a aplikování starých postupů, průměrnost či dokonce ignorace se nenosí. Spousta firem začíná vyhledávat asistenci v přípravě jejich sociálních strategií, v komunikaci na Facebooku a Twitteru a v reklamních kampaních na těchto sítích. Nabízí se výborná příležitost, vyvarovat se četným mýtům a přemýšlet nad kreativním využitím obrovských možností, které sociální sítě vkládají do rukou markeťáků.

Najdeš se aspoň 4x?

Teorie nechat doma – My řešíme reálné firmy a jejich strategie

Zní to slibně, ale zatím příliš abstraktně? Zajímá tě, jak chci plnit zmíněné vize – podporovat kreativitu, znalosti a propojení mezi lidmy se společným zájmem? Nyní přijde nejlepší část. JsmeMarketing je tvořen třemi formáty, přičemž ten první je zcela unikátní, alespoň co se českého prostředí týče:

1. S.M.S. Workshop
Workshop, kde sami dostanete šanci něco vytvořit. Jedna místnost, jeden mentor, předem známé zadání a 16 účastníků rozdělených do 4 skupin po 4. K dispozici jsou 4 hodiny času a úkol: Vytvořit základní strategii prezence reálné firmy, značky či projektu některého z účastníků na sociálních sítích. Zaměření strategie je v rukách jednotlivých skupin, ale často půjde o volbu sítí, jejich způsob využití a propojení, formy a motivy komunikace, komunikační plán, identifikaci a vyhledání cílové skupiny na sociálních sítích, návrh speciálních akcí apod. Účastníci dostanou předem spolu se zadáním i studijní materiál a případovou studii podobného již realizovaného případu. Z S.M.S. Workshopu nakonec vznikne jeden výstup, který bude prezentován dané společnosti a internetové veřejnosti zdarma. Vznikne tak mimo jiné zajímavý zdroj inspirace pro všechny. Toto jsou jen základní informace – podrobnosti budou zveřejňovány postupně.
2. Professional Lectures
Přednášky z oboru internetového marketingu od lidí, kteří nabízí skutečnou přidanou hodnotu pro posluchače. Hlavními tématy přednášek jsou sociální média, SEO, webová analytika, PPC reklamy, internetový marketing obecně atd. V Olomouci je momentálně k dispozici pouze komunitní Techspring a přitom zde existuje velký zájem o podobné akce. Přednášky budou nabídnuty zdarma internetové komunitě ve formátu livebloggingu či videonahrávek.
3. Informal marketing
Neformální setkání lidí okolo JsmeMarketingu a dalších zájemců o marketing, sociální sítě, podnikání apod. Jedná se o klasický hospodský pokec ve stylu brněnského marketingového škopku, OvaSrazu, BrnoPiva a podobných akcí.

Uživatelské testování S.M.S. workshopu

Kdy, kde a pro koho?

První akce začínají ve Vědeckotechnickém parku Univerzity Palackého v Olomouci v únoru 2012 a všechny podstatné informace budou vždy komunikovány na webu projektu, Twitteru, Google+. Akce budou otevřeny zdarma všem, ačkoliv z důvodu omezené kapacity workshopů (16 lidí) budou preferováni studenti. JsmeMarketing přinese zajímavé speakery, projekty i pár překvapení : – ) Líbí se ti projekt? Uděláš mi radost jeho šířením na sociálních sítích.

Poděkování

Nerad bych zapomněl na poděkování lidem, kteří mi poskytli zpětnou vazbu, věnovali mi svůj čas či se jinak podíleli na dosavadním rozvoji JsmeMarketingu. Jedná se o Romana Hřebeckého, Petra Pouchlého, Jirku Herinka, Štěpána Klokočku, Ladislava Martinčíka, Honzu Tinku, Ondřeje Mergla, Luďka Volejníka, Evu Güntherovou, Annu Marii Rebas a cca desítku studentů vysokých škol.

Chceme Vám popřát mnoho elánu, štěstí, pohody, lásky, zdraví a v neposlední řadě obchodních úspěchů v roce 2012.

Článků, tutoriálů, prezentací a dalších multimédií, které radí jak mají společnosti přistupovat k Facebooku je celá řada, málokdy však tyto zdroje přinesou konkrétní doporučení bez zbytečného teoretizování. Zaměříme-li se na Facebook marketing, proč si nenechat poradit přímo od lidí z Facebooku? Nejen začátečníkům může posloužit taktický plán pro první tři týdny působení společnosti na této sociální síti s názvem – Průvodce obchodního úspěchu na Facebooku (orig. Guide to Business Success on Facebook). Originál této příručky si můžete stáhnout na oficiálních stránkách Facebook Marketing Solutions a to zde ve formátu PDF. Příručka nabízí vedle naprosto základních myšlenek i pokročilé tipy, a tak jsem se rozhodl ty nejlepší přeložit a doplnit našimi zkušenostmi.

Týden č.1. Založte a ukažte svou Facebook stránku

• Definujte si přesně cílovou skupinu a ověřte zdali je tato cílová skupina na Facebooku.
• Pokud vaše společnost ještě nemá stránku na Facebooku, založte ji na adrese facebook.com/page – vyplňťe maximum informací a přidejte fotky. Vyplnění všech dostupných informací o firmě zvýší šance na zobrazení ve vyhledávání na Facebooku.
• Vytvořte první status a přemýšlejte nad tím co, kdy a jak budete publikovat vzhledem k vaší cílové skupině.
• Na svou stránku ze začátku pozvěte zaměstnance, přátele, partnery a zákazníky. Osobně však doporučuji zákazníky a partnery zvát až do zaběhnuté stránky s určitou historií, počtem fanoušků a vytvořeným obsahem.
• Rezervujte si svoji vlastní adresu ve tvaru facebook.com/vasefirma. To můžete provést, pokud máte alespoň 25 fanoušků.
• Nebojte se vložit adresu vaší facebook stránky na klasické propagační materiály – vizitky, firemní dokumenty, patičky v emailu, materiály uvnitř prodejny či kanceláře.

Týden č.2. Oslovte cílovou skupinu a jejich přátele

• Komunikujte se svými fanoušky alespoň jednou nebo dvakrát týdně. Publikujte obrázky a videa, ptejte se na otázky a získávejte zpětnou vazbu. Tak zní doporučení Facebooku. V praxi je komunikace klíčovým bodem celého marketingu na Facebooku a více se jí věnujeme např. v našich materiálech z přednášek.
• Zkuste nabídnout slevy, akce a exkluzivní nabídky jen pro fanoušky. I zde je to o kreativitě – odměňte každý týden nějakého fanouška, odměňte fanoušky, kteří s vámi komunikují, nabídněte slevu prvním 5 fanouškům, kteří se vyfotí s vaším produktem ….
• Vyzkoušejte reklamu na Facebooku alespoň s minimálním rozpočtem. Experimentujte s různým cílením dle bydliště uživatelů, zájmů, širšího zaměření zájmů a demografických metrik. Přečtěte si více o Facebook reklamách a jejich optimalizaci.
• Experimentujte s různými variantami reklamních textů a obrázků. Facebook doporučuje vyzkoušet 5 až 10 různých kombinací a porovnat jejich výslednou cenu za proklik a cenu za konverzi.
• Zvažte vytvoření vstupní/uvítací stránky (orig. Welcome tab či Landing page), která může podstatně zvýšit šanci, že se uživatel stane vaším fanouškem. Podívejte se na úspěšné příklady vstupních stránek. Příkladů můžete najít celou řadu, stačí zadat do vyhledávače např. „Best Facebook landing pages“.

Týden č.3. Učte se a optimalizujte

• Nahlédněte a poučte se z dat z oficiálních přehledů. V nastavení Facebook stránky naleznete volbu Přehledy. Podívejte se, jak uživatelé reagují na vaše příspěvky, co mělo nejvyšší a nejnižší úspěch. Opakujte úspěšné formy komunikace a vyvarujte se nudným příspěvkům, které zůstaly bez odezvy.
• Naplánujte si reporty z reklam a nadále je optimalizujte s cílem zvýšit jejich výkonnost (cenu za proklik, CTR, cenu za konverzi). Pokud směřujete své reklamy i na webové stránky, doporučujeme všechny reklamní texty označkovat nástrojem Google URL Builder a měřit jejich výsledky separátně pomocí Google Analytics.
• Opatřete své webové stránky některým ze sociálních pluginů. Můžete tak získávat nové fanoušky přímo z webových stránek. Doporučujeme zvolit Like Button či Like Box.
• Zapojte fanoušky do diskuse. Facebook v tomto bodě radí konvertovat fanoušky v platící zákazníky, což je sice krásně motivační ale samo o sobě k ničemu. Čeká vás dlouhodobá práce s fanoušky a vaším cílem by mělo být v první řadě vytvoření či prohloubení vztahu uživatelů s vaší firmou. Ukažte lidem kdo, jak, kdy a proč vyrábí produkty, které jim nabízíte. Ukažte zákulisí a dejte firmě lidskou tvář. Zapojte fanoušky do hry a zeptejte se, co oni očekávají, že budete dělat. Zeptejte se, jak si oni představují booklet vašeho nového CD či náplň jazykových kurzů. Kdo jiný to má vědět nežli vaši zákazníci? Velmi podobný názor má např. Roman Hřebecký, byť v tomto článku v kontextu nového řadícího algoritmu vyhledávače Google. Doporučuji přečíst.

Marketing na sociálních sítích je velmi rozsáhlé téma a tento článek tvoří jen malou část skládanky úspěšné prezence společnosti na Facebooku. Není sporu, že Facebook nabízí obrovský potenciál bez ohledu na to, jak velká vaše firma je a jak velký má rozpočet na marketing. Takže? Buďte kreativní, chtějte něco dělat, učte se a komunikujte. Marketing se mění.

Tento článek byl vytvořen na základě oficiální přiručky s názvem Guide To Business Success on Facebook. Můžete si ji ve formátu PDF stáhnout ze stránky Facebook Marketing Solutions, na které rovněž naleznete další výukové materiály a zajímavé případové studie. Pokud hledáte další inspiraci a tipy pro marketing, vřele doporučuji seriál magazínu Mashable o Facebook marketingu. V našich prezentacích a školeních se snažíme poskytovat konkrétní tipy a doporučení firmám pro práci se sociálními sítěmi. Materiály dáváme k dispozici zdarma a jsou k nalezení např. na našem Slideshare profilu.

Zajímavé zdroje pro další informace

1. Oficiální stránka Facebook Marketing Solutions
2. PDF příručka Guide To Business Success on Facebook
3. PDF příručka Best Practice Guide Marketing on Facebook
4. Rozsáhlý seriál Mashable o Facebook marketingu
5. FBAdTactcics.com – Tipy a triky pro Facebook reklamy
6. AllFacebook.com – Marketing, podnikání a obecné novinky na Facebooku

1. Marketing je všechno co děláte.

Obecné rady – Zakládání profilů, nastavení, offline svět

1. Volte vhodný název
2. Vyplňte všechny údaje
3. Rezervujte si URL adresu
4. Definujte jasně důvod. “Proč?”
5. Oslovte komunity
6. Ukažte sociální sítě na vizitkách
7. Věnujte Facebooku prostor v Newsletteru
8. Nezapomeňte na patičku v emailech

Profilovky, vstupní stránky a další aplikace

1. Používejte vertikální logo
2. Profilovka nemusí nutně být LOGO!
3. Řekněte profilovkou co právě nabízíte
4. Co takhle změnit profilovku na fotku toho, kdo za stránku zrovna komunikuje. Je to na Vás!
5. Nabídněte “alespoň” vstupní stránky
6. Uveďte “Proč” v Landing page
7. Vytvořte Exkluzivitu pro fanoušky
8. Použijte jinou stránku pro fanouška a nefanouška
9. Použijte jinou vstupní stránku dle ročního období, dne v týdnu, času či aktuálního počasí
10. Máte mezinárodní projekt? Distribujte jinou vstupní stránku pro uživatele z různých zemí
11. A dále je to o kreativitě. Vstupní stránka dle zdroje provozu? Dle města?
12. Pro vstupní stránky a další FB aplikace potřebujete SSL Certifikát
13. Zkuste “Facebook Eshop”
14. Kašlete na “Facebook Eshop” – Facebook Eshop má význam jen v určitých případech. Nabídněte jen pár produktů a dejte uživatelům důvod. Zkopírovat celý katalog zboží na Facebook stránku Vám užitek nepřinese.
15. Porovnejte si dodavatele “Facebook eshopů”
16. Obohaťte Facebook Flickerem/Youtube/Twitterem či FourSquarem
17. Další aplikace, které se mohou hodit
18. Když už máte taby, ukažte je
19. Chlapská rada od Mladykreativec.sk

Komunikace a strategie – Nakupování fanoušků, psaní statusů, návratnost, soutěže…

1. Sledujte metriku “X lidí o tom mluví”
2. Nebuďte hlupáci
3. Najděte místo mezi netématickým přitažlivým obsahem a tématickou nudou.
4. Spravujte si Facebook sami
5. Formálnost si nechte třeba pro web
6. Odpovídejte bez rozdílů všem na všechno
7. Nekomunikujte jen v pracovní době
8. Nezatracujte textové statusy
9. Na Facebooku je to obráceně, tedy kratší = kepší
10. Využívejte Hootsuite či Tweetdeck pro správu více profilů
11. Vyhněte se plánovaným (a hlavně pravidelným) statusům
12. Vyhněte se i importu RSS
13. Cokoliv “navíc” je fajn
14. Využijte přehledy a “učte se”
15. Změřte si přímé finanční dopady komunikace na Facebooku
16. Máte super produkt? Ukažte super fotky
17. Trochu to přežeňte …
18. … ale ne zase moc
19. Tvořte pohotový a tématický obsah
20. Využijte cílení komunikace
21. Zatraktivněte vkládané odkazy dle libosti
22. “Recyklujte” galerie
23. Minitip: Zjistěte co mají rádi Vaši fanoušci.
24. Nezoufejte, FB fakt může prodávat.
25. Bacha na ty soutěže. Čtěte Promotion Guidelines a snažte se být profesionální
26. Pár tipů pro soutěže
    1. Čtěte Promotion Guidelines
    2. Kombinujte Facebook se soutěží na webu
    3. Použijte vlastní aplikaci
    4. Použijte aplikace třetích stran např. http://www.fanzila.com/

Facebook Ads – Návrh, tvorba a optimalizace reklam na Facebooku

1. Začněte návrhem struktury
2. Spočítejte si Price Per Fan a optimalizujte kampaně
3. Berte v úvahu životní cyklus kampaní
4. Donuťte Facebook uprostřednit Vaše reklamy
5. Cílit se dá téměř na všechno
6. Znáte sponzored stories for domains?

O Facebooku a marketingu přednášíme již delší dobu. Na našem Slideshare profilu se můžete podívat na další prezentace. Chcete se o Facebook marketingu a Facebook reklamě dozvědět ještě více? Na webu FacebookReklamy.cz jsme publikovali několik článků o nastavení a optimalizaci reklam na Facebooku.

Zajímá vás internetový marketing, sociální sítě, využití Facebooku či Google Analytics více do hloubky? Chcete tyto nástroje používat efektivně k propagaci vaší firmy? Právě pro vás nabízíme v Brně odborná školení, která si zakládají na praxi a reálných zkušenostech lektorů. Nabízíme vám naše zkušenosti a reálnou praxi již od 2 290 Kč a k tomu až 90 % slevy pro studenty.