{"id":4548,"date":"2016-12-16T14:00:31","date_gmt":"2016-12-16T12:00:31","guid":{"rendered":"https:\/\/igloonet.cz\/blog\/?p=4548"},"modified":"2017-01-11T16:38:46","modified_gmt":"2017-01-11T14:38:46","slug":"hrave-a-brandove-s-canvas","status":"publish","type":"post","link":"https:\/\/igloonet.cz\/blog\/hrave-a-brandove-s-canvas\/","title":{"rendered":"Hrav\u011b a brandov\u011b s canvas"},"content":{"rendered":"
<\/div>\n

V\u00edce ne\u017e devades\u00e1t procent u\u017eivatel\u016f po cel\u00e9m sv\u011bt\u011b otev\u00edr\u00e1 Facebook ze sv\u00e9ho mobilu. Dv\u011b t\u0159etiny v\u0161ech u\u017eivatel\u016f jsou dokonce aktivn\u00ed prim\u00e1rn\u011b na sv\u00e9m mobilu. Nen\u00ed proto divu, \u017ee tento technologick\u00fd gigant p\u0159i\u0161el s hrav\u00fdm reklamn\u00edm form\u00e1tem jako d\u011blan\u00fdm pro dotykov\u00e9 displeje. Mluv\u00edme samoz\u0159ejm\u011b o canvas<\/strong>, kter\u00fd je market\u00e9r\u016fm k dispozici od leto\u0161n\u00edho \u00fanora. Inspirujte se!<\/p>\n

Videa, obr\u00e1zky, animace, carouselov\u00e9 neboli multiproduktov\u00e9 reklamy. Facebook nab\u00edz\u00ed \u010d\u00edm d\u00e1l v\u00edce form\u00e1t\u016f, kter\u00fdmi sv\u00e9ho z\u00e1kazn\u00edka m\u016f\u017eete zaujmout. Teprve canvas ale spojuje v\u0161echny tyhle prvky dohromady a jeho n\u00e1zev nen\u00ed n\u00e1hodn\u00fd. P\u0159i tvorb\u011b canvas\u016f m\u00e1te volnou ruku. Jedin\u00e9, co v\u00e1s m\u016f\u017ee omezit je va\u0161e vlastn\u00ed p\u0159edstavivost a \u0161ikovnost. P\u0159i skl\u00e1d\u00e1n\u00ed canvas mozaiky si m\u016f\u017eete vybrat z n\u011bkolika prvk\u016f a skl\u00e1dat je pod sebe v libovoln\u00e9m mno\u017estv\u00ed i po\u0159ad\u00ed.<\/p>\n

\n

ARVE<\/abbr> error: The [[arve]] shortcode needs one of this attributes av1mp4, mp4, m4v, webm, ogv, url<\/small><\/p><\/div><\/div>\n

Tak zvan\u00fd header<\/strong> cestuje celou dobu s u\u017eivatelem, hod\u00ed se tak pro logo nebo t\u0159eba hlavn\u00ed message. Zvolit si m\u016f\u017eete barvu a pr\u016fhlednost headeru, myslet v\u0161ak v tomto p\u0159\u00edpad\u011b mus\u00edte na to, aby bylo logo bez pozad\u00ed. Facebook doporu\u010duje pro header .png obr\u00e1zek o rozm\u011brech 882\u00d766 pixel\u016f. Header m\u016f\u017ee b\u00fdt v canvas jen jeden, nem\u016f\u017ee se b\u011bhem n\u00ed tedy m\u011bnit.<\/p>\n

Text je dal\u0161\u00edm d\u016fle\u017eit\u00fdm elementem. Na v\u00fdb\u011br m\u00e1te z n\u011bkolika font\u016f, velikost\u00ed p\u00edsma \u010di \u0159\u00e1dkov\u00e1n\u00ed a podkresov\u00e9 barvy. I p\u0159esto jde spolu s buttonem<\/strong> (tla\u010d\u00edtkem) o nejomezen\u011bj\u0161\u00ed \u010d\u00e1sti canvas, v\u0159ele proto doporu\u010duji nahradit je grafikou \u2013 obr\u00e1zkem, u n\u011bho\u017e si m\u016f\u017eete zvolit font \u010di tvar i celkov\u00fd vzhled vlastn\u00ed. Fotografie a obr\u00e1zky<\/strong> p\u0159itom nejsou omezeny rozm\u011brem, p\u0159i poklepnut\u00ed se mohou p\u0159ibl\u00ed\u017eit nebo se houpat podle toho, jak \u010dlov\u011bk nah\u00fdb\u00e1 mobil. Pokud chcete p\u0159izp\u016fsobit rozm\u011bry obr\u00e1zku velikosti obrazovky, zvolte rozli\u0161en\u00ed 1080\u00d71920.<\/p>\n

\n

ARVE<\/abbr> error: The [[arve]] shortcode needs one of this attributes av1mp4, mp4, m4v, webm, ogv, url<\/small><\/p><\/div><\/div>\n

Krom\u011b klasick\u00e9ho carouselu<\/strong> s mo\u017enost\u00ed p\u0159idat a\u017e 10 obr\u00e1zk\u016f nesm\u00edme opomenout ani video, kter\u00e9 carouselu dod\u00e1v\u00e1 multimedi\u00e1ln\u00ed \u0161mrnc. U\u017eivatelovu pozornost upout\u00e1, zejm\u00e9na pokud je vertik\u00e1ln\u00ed, a tedy p\u0159esn\u011b padnouc\u00ed do form\u00e1tu canvas. V\u00fdkonnostn\u00ed e-commerce rozm\u011br dost\u00e1v\u00e1 canvas s mo\u017enosti napojen\u00ed produktov\u00e9ho setu<\/strong>, z n\u011bho\u017e lze uk\u00e1zat a\u017e 40 produkt\u016f.<\/p>\n

K obr\u00e1zku, carouselov\u00e9mu panelu a logicky tak\u00e9 k buttonu lze p\u0159ipojit link, d\u00edky n\u011bmu\u017e lze u\u017eivatele odv\u00e9st na web, do aplikace, a nebo nov\u011b tak\u00e9 do dal\u0161\u00ed canvas. To se skv\u011ble hod\u00ed, pokud chcete nap\u0159\u00edklad bl\u00ed\u017ee p\u0159edstavit n\u011bkter\u00fd z produkt\u016f z nab\u00eddky, kterou uv\u00e1d\u00edte v souhrnn\u00e9 canvas. Jedna z nejd\u016fle\u017eit\u011bj\u0161\u00edch \u010d\u00e1st\u00ed canvas je samotn\u00fd \u00favodn\u00ed banner<\/strong>. Pr\u00e1v\u011b ten rozhoduje o tom, jestli reklamu v\u016fbec n\u011bkdo otev\u0159e. Dejte si z\u00e1le\u017eet, proto\u017ee jinak vyjde ve\u0161ker\u00e1 pr\u00e1ce s canvas vnive\u010d.<\/p>\n

\n

ARVE<\/abbr> error: The [[arve]] shortcode needs one of this attributes av1mp4, mp4, m4v, webm, ogv, url<\/small><\/p><\/div><\/div>\n

Tak\u00e9 my jsme canvas otestovali v praxi: konkr\u00e9tn\u011b na na\u0161em dlouholet\u00e9m klientovi Snowboard Zezula a jeho kolekci longboard\u016f. Krom\u011b kreativn\u00edho vy\u0159\u00e1d\u011bn\u00ed n\u00e1s nejv\u00edce bavila mo\u017enost d\u00e1le pracovat s jeho publikem. Canvas nen\u00ed nic jin\u00e9ho ne\u017e podstr\u00e1nka Facebooku, kter\u00e1 se zobraz\u00ed d\u0159\u00edve ne\u017e \u010dlov\u011bk odejde na c\u00edlovou str\u00e1nku. Velk\u00fd bratr Facebook si n\u00e1v\u0161t\u011bvu zaznamen\u00e1v\u00e1 a dokonce v\u00ed, kolik \u010dasu u\u017eivatel s na\u0161\u00ed canvas str\u00e1vil, jak daleko doscrolloval a kolikr\u00e1t na ni klikl. Pr\u00e1v\u011b pomoc\u00ed t\u011bchto ukazatel\u016f m\u016f\u017eeme vytvo\u0159it publikum z jeho div\u00e1k\u016f a uk\u00e1zat mu je\u0161t\u011b relevantn\u011bj\u0161\u00ed produkty.<\/p>\n

Co jsme si z kampan\u011b odnesli?<\/h2>\n