VYSOKÁ ŠKOLA BÁŇSKÁ TECHNICKÁ UNIVERZITA OSTRAVA Hornicko-geologická fakulta

Transkript

1 VYSOKÁ ŠKOLA BÁŇSKÁ TECHNICKÁ UNIVERZITA OSTRAVA Hornicko-geologická fakulta Institut ekonomiky a systémů řízení NÁVRH, REALIZACE A MARKETINGOVÁ PODPORA APLIKACE Z OBLASTI E-KOMERCE diplomová práce Autor: Vedoucí diplomové práce: Bc. Luboš Kováč Ing. Roman Danel, Ph.D. Ostrava

2

3 Prohlášení autora diplomové práce - Celou diplomovou práci včetně příloh, jsem vypracoval samostatně a uvedl jsem všechny použité podklady a literaturu. Byl jsem seznámen s tím, že na moji diplomovou práci se plně vztahuje zákon č.121/2000 Sb. autorský zákon, zejména 35 využití díla v rámci občanských a náboženských obřadů, v rámci školních představení a využití díla školního a 60 školní dílo. - Beru na vědomí, že Vysoká škola báňská Technická univerzita Ostrava (dále jen VŠB- TUO) má právo nevýdělečně, ke své vnitřní potřebě, diplomovou práci užít ( 35 odst. 3). - Souhlasím s tím, že jeden výtisk bude uložen u vedoucího diplomové práce. Souhlasím s tím, že údaje o diplomové práci, obsažené v Záznamu o závěrečné práci, umístěném v příloze mé diplomové práce, budou zveřejněny v informačním systému VŠB-TUO. - Souhlasím s tím, že diplomová práce je licencována pod Creative Commons Attribution- NonCommercial-ShareAlike 3.0 Unported licencí. Pro zobrazení kopie této licence, je možno navštívit - Bylo sjednáno, že s VŠB-TUO, v případě zájmu o komerční využití z její strany, uzavřu licenční smlouvu s oprávněním užít dílo v rozsahu 12 odst. 4 autorského zákona. - Bylo sjednáno, že užít své dílo diplomovou práci nebo poskytnout licenci k jejímu komerčnímu využití mohu jen se souhlasem VŠB-TUO, která je oprávněna v takovém případě ode mne požadovat přiměřený příspěvek na úhradu nákladů, které byly VŠB-TUO na vytvoření díla vynaloženy (až do jejich skutečné výše). V Karviné dne Luboš Kováč

4 Poděkování Rád bych poděkoval vedoucímu diplomové práce Ing. Romanu Danelovi, Ph.D., za konzultace, kontrolu práce a užitečné připomínky, rodině za finanční i psychickou podporu při studiu a přítelkyni za pohodový přístup a pochopení, které měla po tom, co jsem zrušil několik společných víkendů a místo nich psal tuto práci.

5 Anotace Tato diplomová práce se v první kapitole zabývá legislativními požadavky nezbytnými pro provoz internetového obchodu. Následující kapitola je zaměřena na ideální způsob, jak co nejpřesněji zacílit reklamu na vybranou skupinu zákazníků s využitím reklamních kampaní na sociální sítí Facebook. Práce se zabývá také optimalizací pro vyhledávače a to jak teoreticky, tak prakticky. Kapitola věnovaná platebním systémům zkoumá a popisuje, jakými platebními metodami je možné na internetu platit a zjišťuje, jaké jsou v platebních metodách dlouhodobé trendy. Praktická část se zabývá realizací responzivního internetového obchodu, který bude prodávat pouze jeden produkt a důraz bude kladen na minimalismus a co nejjednodušší proces vytvoření objednávky. Je představena vize celého řešení a ta je následné realizována za pomocí HTML, CSS, PHP a JavaScriptu. Poslední kapitola popisuje dosavadní vedení ekonomické agendy a na jejím základě je navrhnuto a zrealizováno lepší řešení v podobě jednoduché administrace za použití MySQL databáze. Klíčová slova legislativa, e-shop, Facebook, propagace, SEO, design, HTML, PHP, MySQL Annotation This diploma thesis deals with the legislative requirements necessary for the operation of the e-shop in the first chapter. The following chapter focuses on the ideal way to target advertising to a select customer group as accurately as possible by using Facebook advertising campaigns. The thesis also deals with optimization for search engines both theoretically and practically. The chapter focuses on payment systems examines and describes the payment methods that can be used on the Internet and also describe the trends in payment methods. The practical part deals with the realization of e-shop, which will sell only one product and the emphasis will be put on minimalism, the simplest process of creating an order and responsive design. The vision of the whole solution is presented and it is subsequently implemented using HTML, CSS, PHP and JavaScript. The last chapter describes the current management of the economic agenda and a better solution is proposed that uses simple administration using MySQL database. Keywords legislation, e-shop, Facebook, promotion, SEO, design, HTML, PHP, MySQL

6 Obsah 1 Úvod Přehled legislativních podmínek provozování e-shopu Informační povinnost Obchodní podmínky Reklamační řád Ochrana osobních údajů Právní regulace cookies Náležitosti faktury Problematika nevyzvednutých dobírek Elektronická evidence tržeb Identifikovaná osoba aneb reklama na Facebooku Vysvětlení pojmu identifikovaná osoba Jak se stát identifikovanou osobou Penále za nesplnění povinností Metody propagace a marketingu s využitím sociálních sítí Představení nápadu a vznik produktu První prodej Čím zákazníka zaujmout? Reklama na facebooku Definování cílové skupiny Způsob cílení reklamy Vyhodnocení výsledků konkrétní kampaně Heureka.cz Search Engine Optimization... 46

7 4 Platební systémy a jejich využití v e-shopech Dobírka Bankovní převod Platební tlačítka Platební brány PayPal PayU GoPay Platba kartou Moderní platební metody Nejpoužívanější platební metody na českém internetu Návrh a realizace aplikace z oblasti e-komerce Návrh v modelovacím jazyce UML Specifikace Slovník pojmů (glosář) Seznam aktérů Seznam požadavků Seznam případů užití Tabulka mapování požadavků na případy užití Scénáře Vybrané UML diagramy Základní vize Vybraný způsob realizace XAMPP Tvorba objednávkového formuláře... 74

8 Zpracování zadaných údajů Přesměrování na děkovací stránku Tvorba chybové stránky Error Výsledky SEO Problematika spamu Náhled odkazu při sdílení na sociálních sítích Informační podpora pro ekonomickou agendu provozu e-shopu Původní způsob vyřizování objednávek a vedení ekonomické agendy Daňová evidence Vytvoření faktury Odeslání u Vyhodnocení nedostatků současného řešení Návrh jednoduché administrace MySQL Online evidence objednávek Zobrazení editace / detailního náhledu objednávky Generování faktury Zasílání předpřipravených ů Přehledné menu Otázka bezpečnosti Závěr Seznam použité literatury Seznam použitých zkratek Seznam obrázků Seznam tabulek

9 1 Úvod Už během studia na vysoké škole mě oslovilo téma e-komerce, především internetové obchody. Bavilo mě na internetu číst články o úspěšných e-shopech, sledovat nové trendy a statistiky, stahovat a číst zajímavé e-booky z oblasti online reklamy, pročítat diskusní fóra s dražbami e-shopů atd. Moje naivní představa o tom, že na provozu e-shopu nemůže být nic složitého, pomalu začala získávat reálnější podobu a když jsem svou pozornost zaměřil na oblast založení živnosti, daní a legislativy, naivita zmizela zcela. I přes to, že už mi bylo jasné, jak moc jednoduché to není. Stále jsem přemýšlel nad tím, jaký pocit to musí být, když přijde první objednávka. Díky tomuto pocitu jsem se odhodlal a začal vše připravovat v rámci své bakalářské práce s dlouhým názvem Analýza požadavků a nákladů na zprovoznění a založení firmy s elektronickým obchodem. Prošel jsem si úředním kolečkem, získal své IČ a vše sepsal. Inspirován pořadem Den D, ve kterém začínající podnikatelé představují své nápady a invence investorům, jsem se pokusil realizovat svůj vlastní business plán. Představil jsem svůj nápad, provedl analýzu trhu, analýzu, konkurence, zpracoval SWAT analýzu, vytvořil logo, navrhl design etiket, zpracoval kalkulaci nákladů a vytvořil e-shop, který byl funkčně připraven ke spuštění. Přestože se odprezentovaná práce porotě velmi líbila, změna v osobním životě způsobila ztrátu prostorů, bez kterých by finální realizace nebyla možná. K dokončení e-shopu, vytvoření výrobků a finálnímu spuštění tak nakonec nikdy nedošlo. Vše zůstalo pouze na papíře a já stále nevěděl jaké to je vyřídit svojí první objednávku Když přišel na řadu výběr tématu pro diplomovou práci, bral jsem to jako příležitost pro nový začátek. Původní nápad i nedokončený e-shop jsem hodil za hlavu a začal znovu. Posbíral jsem všechny znalosti a zkušenosti, které jsem během psaní bakalářské práce získal a přemýšlel nad novým nápadem. Často lidé chtějí podnikat, ale hlavní důvod proč to nikdy neudělají, je nápad. Chtějí podnikat, ale neví v čem. Univerzální rada zní, začít u sebe s něčím co mě baví ať už je to jakákoliv maličkost. Když člověk dělá to co má rád, znamená to, že to dělá často. Když něco dělá často tak je v tom dobrý a když je v něčem dobrý, ostatní to začnou chtít taky, nezávisle na tom jestli je to produkt nebo služba. 9

10 V této diplomové práci už nebudu představovat dokonalý business plán, popisovat vyřízení živnostenského oprávnění, analyzovat trh, konkurenci či dělat SWOT. Veškerou pozornost zaměřím na tvorbu minimalistického e-shopu, jeho provoz a metody propagace, kde využiji hlavně síly sociálních sítí. Ukážu způsoby, jak se dá oslovit cílová skupina a zvýšit tím konverzní poměr a konkrétní čísla ukazující efektivnost facebookových kampaní. Ale ještě než začnu cokoliv vytvářet, musím vědět jak to vytvořit, co vyžaduje legislativa, co v e-shopu nesmí chybět, jak je to s ochranou osobních údajů, s právní regulací cookies a jak ovlivňuje e-shopy EET. Na tyto a mnohé další otázky naleznu odpovědi v kapitole s názvem Přehled legislativních podmínek provozování e-shopu. Popíši, jak vznikl můj podnikatelský nápad a jak se mi povedlo prodat první kusy dříve, než jsem měl vytvořený internetový obchod. Vysvětlím pojem XML feed a prozkoumám možnosti umístění produktu na nejoblíbenější český srovnávač zboží. Popíši svůj odzkoušený postup na co nejlepší SEO, díky kterému se dostanu na první pozici ve vyhledávačích. Zanalyzuji nejčastější metody plateb na internetu a popíši, co obnáší zavedení platby kartou. Zdůvodním, proč jsem se rozhodl nevyužít e-shopových systémů a rozhodl se pro cestu vlastního vývoje. Představím svou vizi minimalistického internetového obchodu a na základě představení si špatných řešení, se kterými jsem se setkal u jiných e-shopů, obhájím své návrhy. Popíši některé procesy tvorby samotného e-shopu od tvorby objednávkového formuláře s odesláním vyplněných údajů na , přes problémy se kterými jsem se při vývoji setkal a jak se mi je povedlo vyřešit. Vytvořím si databázi, do které se mi budou automaticky ukládat objednávky a k tomu jednoduchou administraci, která mi umožní vygenerovat faktury na jedno kliknutí, nebo odesílat předpřipravené y, do kterých se mi automaticky vloží potřebné údaje a jediné co budu muset udělat je kliknout na tlačítko. 10

11 2 Přehled legislativních podmínek provozování e- shopu V České republice je dnes něco kolem internetových obchodů, což je velmi vysoké číslo, díky kterému se řadíme mezi e-shopovou velmoc. Ne všichni se ale orientují v právní úpravě pro internetové podnikání. Ještě než začnu cokoliv vytvářet, je důležité zjistit si, co to bude obnášet a podle jakých kritérií e-shop tvořit. Může se zdát, že vlastnit e-shop není nic složitého, nechat si jej vytvořit na zakázku, naplnit zbožím a začít prodávat, ale je zde také spousta právních úprav, zákonů a paragrafů a vyznat se v tomto už tak jednoduché není. V této kapitole se zaměřím na to nejdůležitější, na co by se rozhodně nemělo zapomínat. Na dokumentaci spjatou se samotným spuštěním a následným provozem e-shopu pro již podnikající osoby. Což bude zahrnovat především problematiku obchodních podmínek, informační povinnost povinné údaje na webu, ochranu osobních údajů včetně registrace na ÚOOÚ, politiku cookies, právo podnikatele vs. právo spotřebitele, rozeberu pojem identifikovaná osoba a zaměřím se také na oblast EET ve vztahu k e-shopům. Nebudu popisovat legislativní povinnosti a předpisy pro začínající podnikatele, jako je vyřizování živnostenského oprávnění apod., protože tímto tématem jsem se zabýval již v bakalářské práci, uvedu pouze ve zkratce to, že provozovat e-shop z pohledu práva znamená podnikat na internetu a stejně tak jako je k podnikání potřeba mít oprávnění, není tomu jinak ani u toho internetového. Živnostenské oprávnění je tedy nutné k provozu internetového obchodu a postačí k tomu tzv. živnost volná. Na začátek uvedu zdroje, kde je možné čerpat úplné informace. Typickým subjektem maloobchodního prodeje je spotřebitel, jehož právní ochraně se detailně věnují především občanský zákoník (zákon č. 89/2012 Sb.) a zákon o ochraně spotřebitele (zákon č. 634/1992 Sb.). Tyto zákony obsahují soubor povinností, které je provozovatel e-shopu povinen dodržovat při právním styku se spotřebiteli. V občanském zákoníku je možné nalézt více informací v následujících paragrafech: až 1867 smlouvy uzavírané pomocí prostředků komunikace na dálku až 627 shoda s kupní smlouvou, záruka, odpovědnost za vady V zákonu o ochraně spotřebitele pak především: 11

12 - 12 informace o ceně - 13 a 19 informace o reklamaci Neméně důležitý je také zákon o ochraně osobních údajů č. 101/2000 Sb., především 5 povinnosti při ochraně osobních údajů dále zákon č. 127/2005 Sb. o elektronických komunikacích a zákon o EET č. 112/2016 Sb. Oficiální informace ohledně ochrany osobních údajů jsou k dispozici na stránce uoou.cz a oficiální stránkou pro EET je etrzby.cz. [9] [10] [11] [12] Velké množství aktuálních a užitečných informací lze nalézt na portálech jakpodnikat.cz, podnikatel.cz a ipodnikatel.cz. Prodej přes internet je právními předpisy regulován ve velké míře a vzhledem k obsáhlosti těchto předpisů zde není možné uvést veškeré informace v širších souvislostech, vypsat veškeré výjimky za jakých situací dané tvrzení platí a za jakých zase ne. Z těch to důvodů doporučuji přečíst si přímo dané zákony, i když ani ty nemusejí být v některých případech jednoznačné a někdy se stává, že si je každý vyloží po svém. Pokusím se zde vystihnout to nejpodstatnější, na co by měl ten, kdo rozjíždí internetový obchod pamatovat a to nejdůležitější co by měl internetový obchod obsahovat. Půjde tedy o shrnutí důležitých legislativních požadavků. 2.1 Informační povinnost Provozovatelé e-shopu nejčastěji pro prodej svého zboží nebo služeb využívají tzv. maloobchodní způsob prodeje. V takovém případě je prodej realizován v menším objemu za účelem uspokojování potřeb odběratele zboží či služby nebo jeho domácnosti. Typickým subjektem maloobchodního prodeje je spotřebitel, jehož právní ochraně se podrobně věnují především občanský zákoník (zákon č. 89/2012 Sb.) a zákon o ochraně spotřebitele (zákon č. 634/1992 Sb.). [10] Za spotřebitele dle ust. 419 NOZ považujeme každého člověka, který mimo rámec své podnikatelské činnosti nebo mimo rámec samostatného výkonu svého povolání uzavírá smlouvu s podnikatelem nebo s ním jinak jedná. [13] Přestože ze strany Evropské unie se objevují snahy zahrnout pod ochranu spotřebitele i právnickou osobu, v současné době platí, že spotřebitelem může být pouze fyzická osoba, která při uzavírání smlouvy nejedná v rámci své podnikatelské činnosti. 12

13 Informační povinnost znamená, že prodávající má povinnost při prodeji na dálku sdělit spotřebiteli údaje stanovené zákonem před samotným uzavřením smlouvy, nebo v průběhu jejího uzavírání. V praxi se pak zákonem vyžadované údaje začleňují do tzv. obchodních podmínek. Zde přikládám přehled většiny údajů, které zákon vyžaduje, a z toho důvodu by měly být v obchodních podmínkách obsaženy: 1) Základní identifikační údaje. Zde pro přehlednost provedu rozdělení na fyzickou a právnickou osobu, protože se povinné údaje u těchto subjektů mírně liší. a) Fyzická osoba, OSVČ Jméno a příjmení, místo podnikání, případně bydliště, IČ, údaje v zápisu v evidenci, v případě fyzické osoby nejčastěji v živnostenském rejstříku zde se uvádí datum zápisu, evidenční číslo a evidující úřad b) Právnická osoba Název společnosti, sídlo, IČ, údaje o zápisu do obchodního rejstříku (včetně spisové značky) U obou subjektů se dále uvádí kontaktní údaje, tedy poštovní adresa pro doručování (pokud se liší od adresy bydliště či sídla společnosti), telefonní číslo a . Dále je možné uvést další údaje, které jsou již nepovinné a to u obou subjektů DIČ, u fyzické osoby informaci o plátci či neplátci DPH a u právnické osoby základní kapitál. 2) Název a popis zboží nebo služeb. Technické parametry, specifikace, popis vlastností apod. 3) Cena zboží nebo služeb. Kupující musí být informován, kolik stojí konkrétní zboží či služba včetně příslušné sazby DPH (údaj zveřejněný u každé položky), kolik si účtujete za případné další náklady (nejčastěji balné + doručení). Pokud tyto další náklady nejsou součástí popisu konkrétního zboží, je nutné je uvést v sazebníku. Sazebník může být součástí Všeobecných obchodních podmínek nebo může být uváděn jako samostatný sazebník. Je vhodné uvést v jakých případech je kupující osvobozen od těchto dalších nákladů (např. při nákupu dosahující určité výše nebo při osobním odběru). 4) Náklady na dodání zboží či služby. Musí být uvedeno před uzavřením smlouvy. Pokud nelze náklady předem přesně vyčíslit, je třeba spotřebiteli zajistit možnost nahlédnutí do sazebníku, podle kterého se bude cena dopravy počítat. 13

14 5) Způsob dodání zboží či služby. Specifikuje se lhůta od objednání, ve které se objednané zboží vyexpeduje s ohledem na to, zda se jedná o skladovou položku či nikoliv. Pokud zboží není skladem, je třeba na to upozornit. Dále se uvede, jakými způsoby je možné objednané zboží doručit a za jakých podmínek. Obvykle se jedná o dobírku, osobní odběr, kurýrní služby, případně zaslání na (v případě elektronického obsahu). 6) Způsob platby. Musí být jednoznačně stanoveno, jaké platební metody obchodník akceptuje. Obvykle se jedná o dobírku, platbu v hotovosti při osobním odběru, platbu bankovním převodem na účet, platbu platební kartou (nutno uvést jaké), či platební systémy (nutno uvést jaké). 7) Poučení o právu na odstoupení. Povinnost prodejce informovat zákazníka o lhůtě 14 dní, po kterou může bez udání důvodů zakoupené zboží vrátit. Pokud tato informační povinnost není splněna, pak se doba prodlužuje o jeden rok. Lhůta začíná běžet následující den po dni od převzetí zboží a počítají se do ní všechny kalendářní dny, nikoliv pouze ty pracovní. 8) Záruka a reklamace podle zákona o ochraně spotřebitele. Bude popsáno dále jako Reklamační řád. 9) Doba, po kterou zůstává nabídka nebo cena v platnosti. Toto zajistí zákazníkovy, že po dokončení objednávky se cena nebude lišit od té, která byla uvedena v e-shopu. U akčních nabídek se může formulovat například takto: do vyprodání zásob 10) Popis procesu uzavírání smlouvy / provedení objednávky. Prodávající musí uvést veškeré způsoby, který mi je možné provést objednávku nabízeného zboží. Zde jsou možnosti, kterými se dá objednávka provést: elektronickou objednávkou, telefonicky, em, případně SMS 11) Údaje o nákladech na prostředky komunikace na dálku. Sdělí zákazníkovi částku, kterou zaplatí při snaze kontaktovat obchodníka např. prostřednictvím mobilního telefonu. Postačí obecná formulace typu: Hovorné je účtováno dle ceníku Vašeho operátora 12) Informace o záruce a reklamaci podle zákona o ochraně spotřebitele. Uvést jak se bude postupovat v případě nevyzvednutí zboží kupujícím, o nákladech spojených s navrácením zboží ve 14 denní lhůtě, o možnostech odstoupení kupujícího od kupní smlouvy atd. [9] [11] [21] 14

15 Je zde popsáno jen to nejpodstatnější. Výše uvedený seznam proto není kompletní výčtem. Doporučuji podívat se přímo na dané zákony a čerpat informace přímo z nich. 2.2 Obchodní podmínky Jak již bylo výše uvedeno, ze zákona je dána povinnost informovat spotřebitele o řadě věcí, tyto informace se nejčastěji zapracovávají do obchodních podmínek a jejich zveřejněním je tato povinnost považována za splněnou. Obchodní podmínky samy o sobě nejsou samostatnou smlouvou, ty pouze doplňují vlastní akt kupní smlouvy, jejíž výklad není zcela jednotný. Obecně se má za to, že kupní smlouva se považuje za uzavřenou odesláním vyplněného nákupního košíku či jeho akceptací ze strany prodávajícího. V každém případě je vhodné okamžik uzavření kupní smlouvy v obchodních podmínkách jednoznačně definovat. Obchodní podmínky (respektive informace v nich obsažené) jsou povinnou součástí každého e-shopu, a návštěvník musí mít přístup k jejich obsahu. Legislativou je stanoven pouze obsah toho, co vše má být v obchodních podmínkách uvedeno, ale není stanovena forma, tedy to jak by měly obchodní podmínky vypadat. Toho chytře využil např. mobilní operátor Gorila mobil, který zachoval obsah, ale formu si upravil vlastním originálním hovorovým způsobem, díky čemu se jinak nudné obchodní podmínky staly vtipné a čtivé. Zde je krátká ukázka: Pokud si chceš ke Gorile přenýst svoje číslo od jinud, potřebuješ ČVOP (číslo výpovědi opuštěného poskytovatele) a jak nám ho dovalíš, zmákneme to do 4 pracovních dnů. Služba pojede v naší mobilní síti na nový SIM kartě, kterou ti dáme. [14] Stejně jako není dána forma, není ani striktně řečeno, že se dokument musí jmenovat obchodní podmínky. Pokud je použit odlišný název, je to dle zákona v pořádku, např. smluvní podmínky, nebo veřejné obchodní podmínky, v případě operátora Gorila dokonce nutné zlo. Mít kvalitní a neprůstřelné obchodní podmínky, díky kterým nebude hrozit postit ze strany České obchodní inspekce (ČOI), to je základ každého internetového obchodu. Každý kdo takový obchod spouští bude obchodní podmínky potřebovat a dřív či později zjišťovat jaké jsou možnosti jejich získání. Možností jak si obchodní podmínky obstarat je sice několik ale obecně se dá říct, že je to s nimi vždy problematické. Asi nejlepším způsobem a 15

16 zároveň sázkou na jistotu je nechat si obchodní podmínky napsat přímo na míru u advokátní kanceláře. Advokátní kanceláře garantují správnost vyhotovení podmínek a některé z nich nabízí i úhradu pokuty v případě, že by ČOI narazila na problém právě v těchto podmínkách. Po obdržení obchodních podmínek je ze strany advokátní kanceláře samozřejmostí možnost provedení dodatečných změn a celkové odladění podmínek k plné spokojenosti provozovatele. Je ale třeba počítat s vyššími výdaji za služby právníka a také s vyšší časovou náročností, protože se jedná o poměrně zdlouhavý proces. Navíc začínající podnikatel nemusí mít potřebné finance na služby právníka nebo není ochoten je utratit v začátcích, kdy jsou nejvíce potřeba. To vede k jednoduchému, ale poměrně nebezpečnému řešení v podobě zkopírování podmínek od konkurence, případně ke zkopírování a drobným úpravám. Nikdo si ale nemůže být jistá tím, že obchodní podmínky od konkurence jsou správné, stejně tak že provedené úpravy dokonalé pokryjí případný lišící se předmět podnikání, nebo odlišný způsob prodeje. Kopírování textu na internetu je navíc protizákonné, je třeba uvádět citace. Další z možností je napsat si obchodní podmínky vlastnoručně, případně se těmi konkurenčními pouze inspirovat, to je ale pro lidi neorientující se v právu a zákonech téměř nemožný úkol. Zlatou střední cestou je využít osvědčené vzorové podmínky od Asociace pro elektronickou komerci (zkráceně APEK), která je má zdarma ke stažení na svých webových stránkách: tyto pak vhodně poupravit a ideálně také dodatečně konzultovat s právníkem. Další povedené vzorové podmínky, tentokrát zpoplatněné částkou 990 Kč lze najít na stránkách pravopropodnikatele.cz. Vzorové podmínky bývají ke stažení v základní verzi přizpůsobené k maloobchodnímu modelu prodeje kdy zákazníkem je spotřebitel a prodej není nijak specifický. Pokud by e-shop obsahoval nějaké specifické prvky prodeje jako prodej použitého zboží, prodej na zakázku, prodej zbraní či léčiv, velkoobchodní prodej, využíval dropshippingu (přeposílání zboží) apod., tak je vždy lepší využít služeb právníka, protože na takové způsoby prodeje nejsou běžné vzorové obchodní podmínky dostatečně přizpůsobené. Protože můj internetový obchod nemá žádný specifický způsob prodeje, ani neprodává ničím specifické zboží, ať už obsahově, rozměrově, nebo například zboží prodejné pouze od osmnácti let rozhodl jsem se využít možnosti vzorových obchodních podmínek od 16

17 APEK s tím, že jsem si vše důkladně několikrát přečetl, vhodně upravil doplněním několika vět a naopak zase vyřadil ty, které se přímo nevztahovaly k předmětu podnikání. Samozřejmě doplnil také identifikační údaje, dopsal akceptované způsoby platby a možnosti dopravy. Zároveň se mi na internetu povedlo najít obchodní podmínky e-shopu prodávajícího podobný sortiment zboží, který využil stejné vzorové obchodní podmínky od APEK a navíc si je nechal zkontrolovat od advokátní kancelář provozující portál PravoProPodnikatele.cz, čímž mi byl poskytnut téměř dokonalý zdroj informací. Veškeré úpravy jsem prováděl s vědomím, že cokoliv do svých obchodních podmínek uvedu, nesmí být v rozporu se současným právním řádem. Pokud tomu tak nebylo, obchodní podmínky jsou neplatné a to i když s nimi zákazník vyjádřil svůj souhlas. Původně jsem se chtěl vyhnout pojmům, které znějí příliš právnicky a snižují tak čitelnost a srozumitelnost. Velmi se mi líbili již zmíněné obchodní podmínky od operátora Gorila mobil, které jsou psány vyloženě hovorovou řečí, ale vzhledem k tomu, že vzorové podmínky od APEK jsou psány právničinou, rozhodl jsem se je nakonec ponechat v původním jazykovém stylu a do hovorové řeči je nepředělávat. Obával jsem se zbytečného vytvoření mnoho chyb. Obchodní podmínky musí splňovat čtyři obecné požadavky: 1) Musí být zveřejněné na e-shopu 2) Musí být v souladu s právními předpisy 3) Kupující s nimi musí při nákupu souhlasit 4) Prodávající je musí kupujícímu zaslat em při potvrzení objednávky [11] Poslední požadavek je novinkou, kterou zavedl nový občanský zákoník. Hlavním důvodem této změny je zajistit zákazníkovi neustálý přístup k obchodním podmínkám např. v případě technického výpadku e-shopu. Obchodní podmínky na e-shopu se mohou měnit, ale pro zákazníka je důležité jejich znění v době uzavření kupní smlouvy. Pouhé zveřejnění na e-shopu je nedostačující, protože zákazník k nim nemá nezajištěn neustálý přístup a ani hypertextový odkaz v u směřující na obchodní podmínky umístěné na e-shopu nepostačuje, přestože odkazuje na aktuálně platné obchodní podmínky, ty se však mohly dávno změnit od těch, které byly platné v době, kdy si zákazník zboží zakoupil. Z těchto důvodů by měly být zasílány také v příloze u, ve formátu PDF. [11] 2.3 Reklamační řád Reklamační řád patří k dalším nezbytným informačním náležitostem, stejně jako obchodní podmínky. Měl by zachycovat záruční podmínky a způsob vyřízení reklamace, tedy říci jak 17

18 reklamaci oznámit, na jakou adresu reklamované zboží odeslat, definovat v jakých případech nelze záruku uznat (nevhodné zacházení a používání zboží), jak bude spotřebitel o vyřízení reklamace informován. Jednoduše řečeno, promyslet si celý proces reklamace od A do Z. Na vyřízení reklamace má prodávající ze zákona 30 dnů. Přesné znění reklamačního řádu je samozřejmě nejlepší konzultovat s právníkem a opět jeho obsah přizpůsobit sortimentu prodávaného zboží. Nejlepší je snažit se reklamacím předcházet. U výrobků uvádět maximum pravdivých informací o jeho vlastnostech, funkci i barvách a zveřejnit dostatek kvalitních fotografií. U textilních výrobků informovat o velikostech, možnostech praní apod. Vše za účelem minimalizování rizika reklamace. V rámci férového přístupu k zákazníkům je plusem, pokud je zákazníkovi poskytnut i předvyplněný reklamační formulář, který mu proces reklamace usnadní. 2.4 Ochrana osobních údajů Rozsah zpracování osobních údajů by měl provozovatel e-shopu zapracovat do svých obchodních podmínek. V souvislosti s ochranou osobních údajů se obecně moc neví o povinnosti registrovat se na Úřadu pro ochranu osobních údajů (zkráceně ÚOOÚ). Pokud už to provozovatelé e-shopů vědí, tak se hodně řeší, kdy je nutné se zaregistrovat a kdy ne. Prodávající obecně nemají stanovenou povinnost se na ÚOOÚ registrovat. Registrace je povinná pro každého, kdo shromažďuje a zpracovává osobní údaje nebo v případě využívání marketingu a zasílání obchodních sdělení. Z výše uvedeného se domnívám, že většina internetových obchodů tedy musí osobní údaje, kterými jsou např. jméno, příjmení, adresa, , telefon nějakým způsobem zpracovat a shromažďovat. Například za účelem vyhodnocování prodeje, vedení daňové evidence apod. Povinnost registrace by nebyla, pokud by podnikatel údaje od zákazníků používal výhradně pro doručení objednaného zboží a tyto údaje následně smazal, tady je neuchovávat ve své databázi. Registrace je zdarma a není nutné na úřad chodit osobně, stačí vyplnit elektronický formulář na stránkách ÚOOÚ. Odkaz na elektronický formulář: 18

19 Ve formuláři se vyplňují informace o: - správci osobních údajů - účelu zpracování a kategoriích osobních údajů - kategorii subjektů, jejichž údaje se budu zpracovávat - případném zpracování citlivých údajů - zdrojích odkud se budou osobní údaje získávat - způsobech zpracování osobních údajů - místě zpracování osobních údajů, pokud je jiné než adresa správce - příjemcích, kterým budou osobní údaje zpřístupněny nebo sdělovány - možnostech předání osobních údajů do jiných států - popisu zabezpečení osobních údajů Za 30 dní od registrace na ÚOOÚ je správce osobních údajů zařazen do registru, který je dostupný na této adrese: Po uvedení v registru je možné začít zpracovávat osobní údaje nebo zasílat obchodní sdělení. 2.5 Právní regulace cookies Většina uživatelů internetu se s cookies setkala při procházení webových stránek a to ve formě lišty s upozorněním, přibližně v této podobě: S provozem tohoto webu nám pomáhají soubory cookie. Využíváním našeho webu s jejich používáním souhlasíte. Je zde možnost souhlasit kliknutím na tlačítko Rozumím, nebo zjistit více kliknutím na tlačítko Více informací. Běžný uživatel internetu klikne na tlačítko Rozumím či OK a pokračuje procházením webu. Budoucí provozovatel internetového obchodu si ale začne klást otázky: Co jsou to cookies? Jak to funguje a musím mít takové upozornění také na své stránce? Pokusím se nyní na tyto otázky odpovědět. Pojem cookies se v protokolu HTTP označují textové soubory, které při návštěvě WWW stránky pošle server, na kterém je stránka umístěna, prohlížeči a ten je umístí do počítače uživatele. Při každé další návštěvě této stránky prohlížeč pošle tato data zpět serveru. V současné době nejpoužívanější prohlížeč Google Chrome cookies ukládá na toto místo: C:\Users\jmeno_uzivatele\AppData\Local\Google\Chrome\User Data\Default\Cookie Cookies běžně slouží k rozlišování jednotlivých uživatelů. Uživatelem navštívený web může do cookies uložit jakékoliv informace, běžně to mohou být uživatelské předvolby, informace které uživatel vyhledává a jak často daný web navštěvuje. Nasbírané informace 19

20 se poté využívají pro cílenou reklamu a statistické vyhodnocování chování uživatelů. Nepředstavují sice žádné riziko pro počítač, ale mohou zasahovat do soukromí. Výše uvedené informace jdou získat i bez cookies a proto nemohou být považovány za zvlášť nebezpečné. [20] Podle směrnice EU musí www server poskytnout uživateli informaci o používání cookies a získat uživatelův souhlas ještě před tím, než se cookies uloží do uživatelova počítače. Povinností pro provozovatele, v případě že cookies používá je informovat o této skutečnosti návštěvníky webu a dát jim možnost nesouhlasit s jejich používáním. A souhlas musí být také odvolatelný. [19] Výsledkem tohoto, dle mého názoru nesmyslného nařízení, je otravný banner v horní nebo spodní části stránky a další starost pro vývojáře navíc. Výjimkou jsou cookies, které jsou nezbytné pro poskytnutí služby, kterou si uživatel sám vyžádal, například cookie pro nákupní košík. Naopak příkladem cookies, které nejsou nezbytně nutné, jsou cookie pro analýzu návštěvnosti, reklamní systémy nebo pluginy sociálních sítí. Česko evropskou směrnici ignorovalo, proto u nás zatím není potřeba uživatele žádat o souhlas, nicméně provozovatelé webů mají povinnost informovat o rozsahu a účelu jejich zpracování, například v podmínkách používání na svých stránkách. Uživatelé také musí mít možnost takové zpracování odmítnout. [19] Ovšem pokud se na stránce využívá některá ze služeb Googlu, AdSense nebo Analytics s některou z inzertních funkcí (remarketing, demografické přehledy) je zde povinnost získat souhlas koncového uživatele, která platí od 30. září 2015, protože Google nerozlišuje, jak která země implementovala směrnici EU. [19] Takže shrnutí je takové, že Český zákon žádný souhlas ohledně využívání cookies přímo nevyžaduje, proto na stránce nic takového být nemusí ovšem v případě, že stránka využívá služby Googlu AdSense nebo Analytic, pak by na ní banner s upozorněním a získáním souhlasu od uživatele být měl. 2.6 Náležitosti faktury Faktura je účet za dodané zboží. Obsahuje popis toho, co se má zaplatit, způsob platby a datum splatnosti. Pojem faktura jako takový není definován v žádném právním pdřepisu, je ale vžitý a proto se běžné používá v obchodním styku. 20

21 V ustanovení 13a obchodního zákoníku se stanoví, že každý podnikatel je povinen na všech fakturách (ale také na objednávkách a obchodních dopisech) uvádět údaj o své firmě, jménu nebo názvu, sídle nebo místu podnikání a identifikačním čísle. Podnikatelé zapsaní v obchodním rejstříku jsou povinni uvádět také údaj o tomto zápisu včetně spisové značky, podnikatelé nezapsaní v obchodním rejstříku jsou povinni uvádět údaj o zápisu do jiné evidence, v níž jsou zapsáni (např. evidence živnostenského úřadu). Z pohledu zákona o účetnictví je faktura účetní doklad a vztahuje se na ni ustanovení 11, které stanoví náležitosti účetních dokladů. Musí obsahovat: - označení účetního dokladu - obsah účetního případu a jeho účastníky - peněžní částku nebo informaci o ceně za měrnou jednotku a vyjádření množství - okamžik vyhotovení účetního dokladu - okamžik uskutečnění účetního případu, není-li shodný s okamžikem vyhotovení účetního dokladu - podpisový záznam podle 33a odst. 4 zákona o účetnictví osoby odpovědné za účetní případ a podpisový záznam osoby odpovědné za jeho zaúčtování [22] Ačkoli je tradiční součástí českých faktur razítko a podpis dodavatele, nejsou tyto položky zákonem o účetnictví vyžadovány. Vyžadovány jsou pouze podpisové záznamy odpovědných osob odběratele (nejčastěji účetní). Forma a vzhled faktury není zákonem definována, takže si lze fakturu libovolně graficky poupravit. [24] 2.7 Problematika nevyzvednutých dobírek V médiích se často objevují reportáže o podvedených zákaznících, kteří naletěli nepoctivým provozovatelům falešných internetových obchodů. Ti jim po zaplacení předem zboží neodeslali, případně odeslali něco, co si zákazníci neobjednali. Často s nulovou hodnotou. V případě případného sporu mezi spotřebitelem a podnikatelem, je to právě spotřebitel, který má v zákoně větší oporu, protože je tím, který tahá za kratší konec provazu. Spotřebitel má ze zákona nárok na mnoho věcí, ať už právo na informace, nebo možnost vrátit zboží zakoupené v e-shopu do 14 dnů bez uvedení důvodu. Je tedy tím, kdo je chráněn proti podvodnému jednání podnikatelů. Pokud se situace otočí a podnikatel je tím 21

22 podvedeným, tak moc zastání nemá. Případně má, ale pak zase naráží na problematiku vymahatelnosti svého práva v praxi. [23] Ukázkovým příkladem jsou v Česku tolik oblíbené (ze všech platebních metod nejoblíbenější) dobírky. Jejich nevyzvednutí zákazníkem totiž znamená jejich nezaplacení a podnikatel tak zbytečně vynaloží výdaje za balné, poštovné a přijde o svůj čas, který strávil balením a transportem zásilky na poštu. Zboží mohlo být skladem a dostupné pro opravdové zájemce. Nyní leží na poště a čeká na uplynutí maximální úložní doby. Tomu se provozovatel snaží předejít zasíláním upomínek o blížícím se konci úložní doby, pokud zákazník nereaguje, po uplynutí této doby se zásilka vrací zpět odesílateli. Co v takovém případě může provozovatel dělat a jak se má bránit? Samozřejmě si může do obchodních podmínek, se kterými zákazník musí před koupí souhlasit napsat informaci o náhradě škody a její výši v případě nevyzvednutí. Prodávající má právo na náhradu škody ve výši odpovídající poštovnému za cestu tam a zpět a za balné. Nebo si může stanovit smluvní pokutu, která by měla přibližně pokrývat vzniklou škodu. Když si zákazník zboží nevyzvedne, nezaplatí ani nereaguje na upomínky, měl by ho provozovatel vyzvat k náhradě škody dle platných podmínek a určit mu lhůtu pro plnění. V praxi se však náhrady škody zřídka kdy dočká. Zbývá pouze jediná možnost a to zažalovat jej u obecního soudu s čímž se pojí řada dalších problémů. Uskutečněná objednávka může být falešná a údaje jako je jméno a adresa nepravdivé, nebo mohou být údaje pravdivé, ale zákazník může argumentovat tím, že jeho údaje někdo zneužil a že tedy není tím, kdo objednávku uskutečnil. Žalobce není schopen dokázat, že tomu tak nebylo a ve výsledku pak může být paradoxně tím, kdo bude platit soudní náklady i náklady žalované osoby. To jsou důvody, proč se soudní řešení sporů nemusí vyplatit, nehledě na utopený čas. [25] Vystavování tzv. black-listů na stránky zase není nejlepším nakládáním s osobními údaji zákazníků, takže tudy cesta také nevede. Obvolání zákazníků za účelem potvrzení pravdivosti zadaných údajů a potvrzení objednávky je zase časově i finančně náročné. Zadané telefonní číslo nemusí být pravdivě uvedeno. Zákazníci se mohou bát např. o jeho zneužití a tak uvedou vymyšlené. Mohlo by se tak snadno stát, že by i jinak pravdivě vytvořená objednávka mohla být na základě telefonátu vyhodnocena jako podezřelá. Bohužel neexistuje žádná zaručená rada jak se nevyzvednutým dobírkám bránit a jakákoliv přehnaná snaha o náhradu vzniklé škody vede k negativní reklamě. I když je to smutné, tak 22

23 bohužel nejlepším způsobem je nad nevyzvednutou dobírkou mávnout rukou a snažit se podobným případům předcházet a zamyslet se nad tím co může toto riziko snížit. Nejlepší je se zákazníkem komunikovat od objednávky až po úspěšné doručení zásilky. Začít už na e-shopu a uvést maximum informací o tom, jakým způsobem bude zboží doručeno, jakou přepravní společností, jak probíhá zaplacení za zboží, zda a jak je možné změnit termín, či místo doručení. Poskytnout odkaz pro online sledování zásilky. Po objednání zboží zase informovat zákazníka o odeslání a dni kdy by mělo být zboží doručeno, aby se na to zákazník stihl včas připravit a měl přehled. Velmi důležité je odeslat zásilku co nejdříve a ideálně využít pro komunikaci jak formu u, tak SMS. Přeci jen mobil má dnes u sebe každý a na u člověk nemusí být tak často. Samozřejmě počet nevyzvednutých dobírek ovlivňuje také cílová skupina. Jiný bude u zboží určeného pro zákazníky teenage věku, kde lze očekávat jistou míru nezodpovědnosti, naivity a omezený rozpočet. Naproti tomu u cílové skupiny lidí ve středním věku lze očekávat větší míru rozumu a zodpovědnosti. Takže jediným účinným způsobem proti nevyzvednutým dobírkám je snaha o jejich předcházení v podobě rychlého odeslání a komunikace se zákazníkem. Ve chvíli kdy už dojde k nevyzvednutí zboží je pozdě a neexistuje žádný stoprocentní způsob jak získat zpět náhradu vzniklé škody. 2.8 Elektronická evidence tržeb Elektronická evidence tržeb je zakotvena v Zákoně o EET č. 112/2016 Sb., který od zahrnuje kromě kamenných prodejen i e-shopy. Má za úkol podchytit především daňové úniky u hotovostních plateb. Ne každý e-shop má ale povinnost elektronicky evidovat tržby, rozhodující je způsob platby, nikoliv výše tržeb. Elektronická evidence tržeb se týká všech internetových obchodů, ve kterých můžou zákazníci zaplatit kartou a tím je myšlena jakákoliv platba kartou, ať už se jedná o platbu na pobočce, na terminálu či platbu přes platební bránu na internetu. Oddechnout si můžou jen ty e-shopy, kterým zákazníci posílají peníze výhradně bezhotovostním převodem, přímou platbou z účtu na účet. U dobírek podle původního návrhu měli provozovatelé tento příjem také elektronicky evidovat, ale na konci června roku 2016 se Asociaci malých a středních podniků a živnostníků ČR podařilo vyjednat pro dobírky výjimku. Tato výjimka platí v případě kdy Česká pošta nebo jiný přepravce vybere peníze od zákazníků a poté peníze z dobírky 23

24 přepošle provozovateli e-shopu na účet - peníze posílané přes účet jsou pro stát dostatečně transparentní. V případě že přepravce vybere peníze od zákazníka hotově a provozovateli e-shopu je rovněž předá v hotovosti, musí se tento příjem rovněž elektronicky evidovat a výjimka v tomto případě neplatí. [26] [27] Elektronická evidence tržeb se e-shopů týká pokud: - nabízí možnost zaplatit kartou (nezávisle na tom jestli online, na pobočce, terminálu, či platební bránou třetích stran) - pokud využívá dobírku a dopravce mu vyplácí peníze z dobírky v hotovosti Elektronická evidence tržeb se e-shopů netýká pokud: - nabízí možnosti bezhotovostního převodu z účtu na účet - pokud využívá dobírku a dopravce mu vyplácí peníze z dobírky na účet Každý provozovatel, kterého se elektronická evidence tržeb týká, by měl v první řadě požádat správce daně o autentizační údaje, pod kterými se přihlásí do webové aplikace Elektronická evidence tržeb, ve které zaeviduje provozovnu a vygeneruje identifikační certifikát. Po zaevidování nesmí zapomenout na svůj e-shop umístit informační text v zákonem stanoveném znění: Podle zákona o evidenci tržeb je prodávající povinen vystavit kupujícímu účtenku. Zároveň je povinen zaevidovat přijatou tržbu u správce daně online; v případě technického výpadku pak nejpozději do 48 hodin. [26] [27] Bohužel vypsat vše o EET by bylo velmi obsáhlé a nemělo by to patřičný přínos, protože by se jednalo o přepis z mnoha článků, které na toto téma byly již napsány. Musel bych popsat vše od práva, přes implementaci, nákup software až po samotné pořízení technologie, provoz a problémy s tím spojené. Pro mé účely mi bohatě postačuje ujasnění situace ve smyslu, na koho se elektronické evidence vztahuje a na koho ne. Osobně to vnímám jako další byrokratické zlo a další přítěž navíc. Jako nejvíce nesmyslné vnímám udělení výjimky pro platby klasickým bankovním převodem a kladu si otázku, proč vůbec online platby kartou pod evidenci spadají? Platební karty jsou totiž mnohem lépe vystopovatelné, než třeba převod z účtu na účet, který do EET nepatří. Zvláště mne mrzí to, že právě platbu kartou jsem chtěl prakticky zpracovat v jedné z dalších kapitol a měl v plánu tuto platební metodu na svůj budoucí e-shop implementovat jakožto moderní a rychlý způsob platby, kterou by si zákazníci jistě oblíbili, a byla by to jedna z konkurenčních výhod. I přes tyto výhody jsem se rozhodl platbu kartou na svůj e-shop nakonec neimplementovat právě kvůli nutnosti zavedení EET. Po přečtení mnoha článků 24

25 jsem dospěl k názoru, že by mi zavedení EET přineslo další starosti a problémy navíc a pokud mám možnost se EET vyhnout, tak bohužel raději oželím platbu kartou a budu využívat tradiční platební metody, kterými jsou platba na účet a platba dobírkou. Kapitolu s názvem Platební systémy samozřejmě zpracuji, avšak upustím od plánované fyzické realizace platby kartou. 2.9 Identifikovaná osoba aneb reklama na Facebooku Ještě než se pustím do kapitoly číslo tři s názvem Metody propagace a marketingu s využitím sociálních sítí, tedy dříve než vůbec začnu vytvářet na facebooku reklamu, je potřeba si opět nejdříve ujasnit a vysvětlit záležitosti týkající se legislativy. Není to tak jednoduché, jak to na první pohled vypadá a není toho málo. Mnoho lidí nakupuje reklamu pro své stránky na facebooku, za tuto službu (poskytnutí reklamy) zaplatí a myslí si, že tím to končí, ale není tomu tak. Právě totiž přijali službu od zahraniční firmy se sídlem mimo tuzemsko. V takovém případě jsou povinni odvést českému finančnímu úřadu DPH z částky za zaplacenou službu. Existuje pouze jedna výjimka, kde DPH odvede poskytovatel reklamy (tedy Facebook) a tou je využívání reklamy čistě pro nekomerční účely. Nabízí se ale otázka, jaký smysl má reklama pro nekomerční účely, když hlavním cílem reklamy je přeci zisk. Nekomerčním užitím reklamy se myslí pouhé navyšování počtu fanoušků stránky, jejíž účel nesmí být zaměřený na dosažení zisku. Příkladem může být stránka zaměřená na prezentování svého hobby, která poskytuje prostor pro lidi podobného zaměření, ale sama o sobě nic neprodává. Ovšem pozor, podmínka nekomerčnosti je porušena, také v případě, kdy stránka sice nic neprodává, ale je vytvořena za účelem podpory internetové stránky, která již prodává produkty, či služby. Takže z výše uvedeného vyplývá, že nekomerční varianta reklamy je nevhodná pro jakékoliv e-shopy a každému, kdo chce využívat tuto formu propagace za účelem prodeje, nezbývá nic jiného, než se vydat cestou odvádění DPH českému finančnímu úřadu. V praxi to znamenalo jediné a to přejít z neplátce DPH na plátce DPH, což bylo pro některé velkou komplikací. Přinášelo to s sebou mnoho povinností a papírování navíc. Z těchto důvodů museli zájemci facebookovou reklamu buďto oželet, přejít (tak trochu nedobrovolně) na plátce DPH, anebo jí využívali, ale již ne v mezích zákona. 25

26 Toto platilo až do roku V roce 2013 byl do zákona o dani z přidané hodnoty (DPH) doplněn nový pojem, tzv. identifikovaná osoba, což celou situaci poněkud zjednodušilo, protože identifikovaná osoba podává daňové přiznání a souhrnné hlášení pouze v případě, když jí ve zdaňovacím období vznikne daňová povinnost, nemusí tedy podávat nulová daňová přiznání a také nemusí u tuzemských plnění uplatňovat DPH. Statut identifikované osoby může být pro subjekty z České republiky výhodný, protože zjednodušuje jejich povinnosti a zároveň jim umožňuje u tuzemských plnění nepřipočítávat DPH. Zjednodušeně řečeno pokud jsem identifikovanou osobou, tak pro tuzemské plnění zůstávám stále neplátcem daně, ale u přeshraničního plnění plátcem DPH jsem a daň platím z obchodů s facebookem a dalšími zahraničními firmami, za tuzemské obchodování už ne. Na závěr bych rád doplnil, že to co je výše uvedeno se netýká pouze facebooku, ale platí také na ostatní populární služby, kterými jsou Google Adwards či Google Adsense. Obecně pro všechny firmy se sídlem v zahraničí Vysvětlení pojmu identifikovaná osoba Identifikovanou osobou je fyzická nebo právnická osoba, která je ekonomicky aktivní a zároveň: a) není plátcem DPH, protože nepřekročila obrat ,- Kč, ale pořídila zboží z jiného členského státu v hodnotě vyšší než ,- Kč b) v tuzemsku přijme od osoby neusazené v tuzemsku službu nebo zboží s instalací (případně montáží) nebo dodání zboží soustavami nebo sítěmi c) poskytne službu v jiném státě Evropské unie, kdy podle 9 odst. 1 dochází k přenosu povinnosti odvést daň na odběratele. Identifikovanou osobou je také ekonomicky neaktivní právnická osoba, která pořídila zboží z jiného členského státu v hodnotě vyšší než ,- Kč. Identifikované osoby je možné vyhledat v celostátním registru plátců DPH registrovaných v České republice. [28] 26

27 2.9.2 Jak se stát identifikovanou osobou Identifikovanou osobou se subjekt stává z kteréhokoliv z následujících důvodů (podle 6 g-i Zákona o DPH): Pořízením zboží z jiného státu EU, jehož celková hodnota (bez DPH) překročila v kalendářním roce Kč. Přijetím služby s místem plnění v tuzemsku od osoby neusazené v tuzemsku (tedy od podnikatele odkudkoliv ze světa), který nemá sídlo ani provozovnu v tuzemsku. Případně má v tuzemsku provozovnu, ta se ale plnění neúčastní. (Týká se například Google AdWords). Identifikovanou osobou se subjekt stane dnem přijetí služby. Přijetím zdanitelného plnění s místem plnění v tuzemsku od osoby neusazené v tuzemsku - jedná se o dodání zboží s instalací nebo montáží, nebo dodání zboží soustavami nebo sítěmi. Identifikovanou osobou se subjekt stane dnem přijetí plnění. Poskytnutím služby s místem plnění v jiném státě EU podle 9 odst. 1 zákona o DPH (kromě služby, které je v jiném státě EU osvobozena od DPH). Jedná se například o příjem z reklam z Google AdSense. Identifikovanou osobou je subjekt ode dne poskytnutí služby. [28] Identifikovanou osobou jsem se stal zaplacením propagace příspěvku na Facebooku, přijal jsem tedy službu ze zahraničí a mám ze zákona povinnost do 15 dnů podat přihlášku k registraci k DPH. Stačí si na finančním úřadě vyzvednout formulář s názvem: Přihláška k registraci k dani z přidané hodnoty. V horní části formuláře zaškrtnout kolonku identifikovaná osoba a vyplněný formulář odnést na oddělení správy daní. Je nutné doložit první fakturu od zahraniční firmy, na základě které jsem se identifikovanou osobou stal. Faktura je nedílnou součástí a občas dochází k tomu, že si jí lze stáhnout až následující měsíc a tím pak není možné dodržet zákonem stanovenou lhůtu 15 dnů. Pokud již identifikovanou osobou jsem, tak do 25. dne následujícího měsíce od přijetí služby ze zahraničí musím podat souhrnné hlášení, daňové přiznání k DPH a z uskutečněného plnění (z té zaplacené reklamy) odvést DPH. V praxi to znamená na zadní straně formuláře vyplnit řádek 5 a 62 a vypočítané DPH zaplatit na účet finančního úřadu. 27

28 2.9.3 Penále za nesplnění povinností Pro úplnost zde uvedu také sankce za nesplnění povinností. Zde bude nejlepší použít citaci přímo ze zákona. Pokuta za opožděné tvrzení daně dle 250 daňového řádu: 1) Daňovému subjektu vzniká povinnost uhradit pokutu, nepodá-li daňové přiznání nebo dodatečné daňové přiznání, ačkoliv měl tuto povinnost, nebo učiní-li tak po stanovené lhůtě, a toto zpoždění je delší než 5 pracovních dnů, ve výši. a) 0,05 % stanovená daň za každý následující den prodlení, nejvýše však 5 % stanovené daně, b) 0,05 % stanoveného daňového odpočtu za každý následující den prodlení, nejvýše však 5 % stanoveného daňového odpočtu, nebo c) 0,01 % stanovené daňové ztráty za každý následující den prodlení, nejvýše však 5 % stanovené daňové ztráty. 2) Plátci daně vzniká povinnost uhradit pokutu, nepodá-li hlášení, vyúčtování, následné hlášení nebo dodatečné vyúčtování, ačkoliv měl tuto povinnost, nebo učiní-li tak po stanovené lhůtě, a toto zpoždění je delší než 5 pracovních dnů, ve výši 0,05 % z celkové částky daně, kterou byl povinen v hlášení nebo vyúčtování uvést za každý následující den prodlení, nejvýše však 0,5 % z celkové částky daně, kterou byl povinen v hlášení nebo vyúčtování uvést. 3) Pokuta za opožděné tvrzení daně vzniklá v důsledku pozdního podání řádného daňového tvrzení nebo dodatečného daňového tvrzení se nepředepíše a daňovému subjektu nevzniká povinnost ji uhradit, dosáhne-li její výše vypočtená podle odstavce 1 nebo 2 částku menší než 200 Kč. 4) V případě, kdy daňový subjekt nepodá řádné daňové tvrzení nebo dodatečné daňové tvrzení, ačkoli měl tuto povinnost, a neučiní tak ani dodatečně po dobu, kdy možnost podat tato tvrzení trvá, použije se při výpočtu částky podle odstavce 1 nebo 2 stanovená horní hranice; výše pokuty za opožděné tvrzení daně v tomto případě činí vždy nejméně 500 Kč. [6] 28

29 3 Metody propagace a marketingu s využitím sociálních sítí V této kapitole bych se rád zaměřil spíše na on-line marketing, protože jiná forma by vzhledem k velikosti trhu nebyla efektivní. Nemá smysl plánovat pobočku, nebo odběrná místa. Prodej bude pouze na internetu. Chci se vyhnout popisování některých zaručených postupů a strategií, kterých je plný internet nebo přepisování pouček z marketingových učebnic. Rád bych využil spíš selský rozum, vlastní zkušenosti a volně, vlastními slovy napsal o oblastech, které jsem si vybral k tomu, abych o sobě dal vědět. Provozovatelé online projektů se mohou domnívat, že je vytvoření www stránky pro internetovou propagaci dostačující. To ovšem nestačí, ze začátku o nově vytvořené stránce nikdo neví a logicky stránka zaměřená na prodej nemůže nic prodat. Je zapotřebí oslovit cílovou skupinu zákazníků a dát o sobě nějakým způsobem vědět. Zaměřím se na využití reklamy na sociálních sítích, charakterizuji si cílovou skupinu a na ní reklamu zaměřím. Podívám se na možnosti umístění produktu na zbožový srovnávač heureka.cz a představím osobně vyzkoušený postup pro co nejlepší optimalizaci pro vyhledávače, tzv. SEO. Ale, ještě než zde začnu cokoliv psát o metodách propagace, hodilo by se na začátek představit nápad a samotný produkt. Jeho představení je velmi důležité pro chápání jednotlivých souvislostí, které budu v této kapitole popisovat. 3.1 Představení nápadu a vznik produktu Jsem velkým fanouškem hudby a mezi jeden z mých oblíbených hudebních stylů patří také tzv. horrorcore, který kombinuje prvky rapu a metalu. V textech interpreti jmenují současné problémy pomocí černého, morbidního humoru, ironie, parodie, sprostých slov a tvrdého rapu. Témata písní se týkají oblastí, které jsou v jiných hudebních žánrech tabu, zde je to ale naopak žádoucí a očekává se to. Texty písní obsahují témata vražd, sebevražd, násilí, drog, mučení, duševních nemocí, znásilnění, kanibalismu, sexu, zkrátka všeho co se běžně považuje za tabu, nechutné, perverzní, či jinak nenormální. Nutno zdůraznit, že tato témata jsou v textech zpracována vtipně, ironicky a je třeba vše brát s nadsázkou. Smyslem je pohoršit, provokovat, ale především a to hlavně pobavit. V Česku nejznámější představitel tohoto hudebního stylu vystupuje pod pseudonymem Řezník, je pro něj typická maska s motivem lebky, která je s ním už nerozlučně spojená. [29] 29

30 Obrázek 1: Originální maska, zdroj: [15] Protože se o této hudební žánr zajímám, zaznamenal jsem na diskusních fórech zvýšenou poptávku po této masce. Na fórech se objevovaly příspěvky s dotazy, kde se dá maska pořídit, nabídky na případný odkup apod. Po troše pátrání na internetu jsem zjistil špatnou a zároveň dobrou zprávu, maska se nedá běžné zakoupit na českých ani zahraničních internetových stránkách a zároveň nebyla pro tohoto interpreta vyrobena ani na zakázku. Masku bylo možné získat pouze jediným způsobem a to zakoupením dětského časopisu Kačer Donald (ročník 2004, vydání 22), jehož byla maska součástí jako příloha. Stačilo by tedy objednat toto číslo časopisu a získat spolu s ním také masku. Problém byl v tom, že se maska stala populární (proslavená díky Řezníkovi) až několik let po vydání tohoto čísla. Existovala i možnost objednání starších čísel tohoto časopisu avšak pouze dva roky dozadu, což časově nevycházelo. Obrátil jsem se přímo na vydavatele časopisu Egmont Polska Sp. z o. o. s obecným dotazem, kdo pro ně vyrábí hračky, které používají jako přílohy k časopisu. Dostalo se mi odpovědi, že mají nasmlouvané čínské továrny, které pro ně hračky vyrábějí a byl jsem mimo jiné ujištěn o jejich nezávadnosti a o tom, že továrny musí splňovat přísné normy. Pátral jsem také na čínských stránkách, zkoušel zadávat klíčová slova v čínštině, vyhledával také pomocí obrázku. Pokud čínská továrna tento produkt skutečně vyrobila, pak to bylo výhradně pro použití v tomto časopise, nikde jinde na internetu se mi tento produkt nalézt nepodařilo. Výsledkem veškerého pátrání tedy bylo to, že zvýšenou poptávku po produktu nelze uspokojit, protože produkt na trhu již není. V tomto jsem spatřil svou příležitost a začal pátrat po možnostech výroby. Nejprve jsem se vzdal zakázkové výroby v Česku, protože cena byla vysoká a marže z případného prodeje by kvůli vyšší ceně byla velmi malá. V Číně už ceny vypadaly hodně zajímavě, narazil 30

31 jsem ale na problém minimálního množství kusů, které bych musel objednat, aby se vůbec dala výroba spustit a cena za kus byla akceptovatelná. Abych se dostal na rozumnou cenu za kus, musel bych objednat zhruba kusů. Na to jsem neměl potřebný kapitál ani jistotu, že takové množství prodám. Po všech úvahách a kalkulacích jsem se odhodlal k výrobě produktu vlastními silami, i když jsem s něčím podobným do té doby neměl žádné zkušenosti. Patřil jsem mezi ty šťastlivce, kteří tuto masku měli doma z dětství, což mi poskytlo důležitý zdroj inspirace. Objednal jsem černou stometrovou roli látky, v programu Photoshop vytvořil motiv, který metodou sítotisku natiskl na textil, vypálil otvory pro oči, objednal štítky s informací o složení materiálu a vše zkompletoval ušitím. Samozřejmě vše bylo mnohem a mnohem složitější od hledání vhodného neprůhledného materiálu, zvolení nejvhodnější metody tisku, zajištění barvy, která bude silně krycí, roztažitelná, vodou ředitelná a zároveň ekologická přes nákup vhodných štítků a nalezení způsobu jak vše ušít dohromady. Popsat zde celý proces od vybírání vhodných dodavatelů, zkoušení materiálu, první pokusy a proces výroby zahrnující veškeré poznatky, změny a úpravy v jeho průběhu by znamenalo popsat několik, snad i desítek stran, ale to není žádoucí, protože práce se má zabývat propagací, prodejem a tvorbou e-shopu. Navíc bych tím prozradil své know-how. Následovalo tedy mnoho pokusů, které generovaly velké množství zmetků. Po mnoha nezdařených pokusech, postupným zlepšováním a změnami se mi podařilo zoptimalizovat a zefektivnit výrobní postup, jehož výsledkem byly finální produkty vhodné k prodeji. Obrázek 2: Produkt, který jsem vyrobil 31

32 3.2 První prodej Neměl jsem žádný e-shop, kde bych produkty mohl prodat. Narychlo jsem vytvořil stránku na facebooku s názvem Maska Skeletona a vložil na ní několik fotografií produktu, nic víc. Zvolil jsem si sociální síť facebook, protože je v Česku nejpopulárnější, je na ní nejvíce uživatelů a byla to jediná sociální síť, kterou jsem v té době aktivně využíval a měl s ní tedy nejvíce zkušeností. Produkt jsem měl, ale to je jen první krok, jak jej ale prodat s pouhým využitím sociální sítě? Rozhodl jsem se využít facebokovou stránku Řezníka, která měla několik desítek tisíc fanoušků a pod jeden z jeho nejnovějších příspěvků poněkud drze vložit odkaz na svou facebookovou stránku s produktem. Měl jsem dvě očekávání, buď si toho nikdo nevšimne, nebo bude můj odkaz dřív nebo později smazán. Nestalo se ani jedno. Za krátkou dobu mi začaly chodit zprávy, nejčastěji s dotazem jaká je cena, případně dotaz zda se jedná o originál. Poté co jsem odpověděl na otázku, se buď nestalo nic, nebo přišla zpráva obsahující adresu, kam mám produkt odeslat. Nejvíce mě potěšil komentář pod fotkou na mé stránce od samotného Řezníka, kde bylo napsáno: To chci!. Za chvíli jsme si psali a já mu odpovídal na otázky, jak masky vyrábím apod. Projevil zájem a já mu poslal jeden kus na zkoušku. Měl několik připomínek, hlavně k velikosti, kterou jsem upravil podle jeho požadavků, nakonec mu bylo poštou posláno rovnou deset kusů. Povedlo se mi na sebe upozornit a v této chvíli mi došlo, že to má smysl a rozhodl se v tom pokračovat. Tímto způsobem jsem prodal své první vyrobené kusy. Potvrdil jsem si tím, že poptávka skutečně je, ale pomyslná bublina zase splaskla spolu s tím, jak se můj komentář pod příspěvkem na facebooku postupně posunoval na zdi dolů, až si jej potom nevšímal nikdo. Získal jsem čas, vyrobil nové kusy a byl zase bez objednávek a hledal cestu jak je prodat a přitom neotravovat vkládáním svých odkazů na cizí stránky. Řezník poté začal mou masku používat na koncertech a dokonce klipech, v té chvíli už jsem nemusel říkat, že maska je vyrobená podle originální předlohy, ale místo toho říct, že je to ta maska, kterou nosí Řezník. 3.3 Čím zákazníka zaujmout? Klíčem k úspěchu je zaujmout něčím neobvyklým, nebo výjimečným, aby o tom uživatele sami a rádi diskutovali mezi sebou a obsah sdíleli. Tím nechci říct, že můj produkt by byl sám o sobě nějak výjimečný, ale byla po něm poptávka a po dlouhé době se objevil na trhu, v tom je jeho zajímavost. Pokud bych chtěl výjimečnost ještě více podpořit, nemuselo 32

33 by to být ani produktem samotným, ale mohlo by to být třeba nějakou zajímavou věcí navíc, kterou bych zákazníka mohl překvapit, vytvořit u něj tzv. WOW efekt. Například do zásilky přibalit nějaký dárek, o kterém zákazník nebude dopředu vědět. Každý počítá s tím, že po vybalení zásilky v ní objeví to, co si koupil. Jako další v ní může najít maximálně tak papírovou fakturu, pokud mu nebyla zaslána elektronicky. Když se v krabici najde ještě něco, s čím se dopředu nepočítá, je to vždy překvapení a bonus navíc. Chce to být vynalézavý a originální. Bohužel, mě se nic natolik originálního zatím nalézt nepodařilo (snad se to brzo změní), něco tak originálního aby se o tom mluvilo a tak jsem udělal alespoň minimum a rozhodl se do zásilek přidávat samolepky a vizitky, obojí jsem si navrhl sám a nechal vyrobit. Ceny samozřejmě výrazně klesají se zvyšujícím se počtem objednaných kusů, cenu dále ovlivňuje typ vybraného papíru, případně oboustranný tisk, či barevnost. Jeden kus oboustranně potisknuté vizitky o standardním rozměru 90 x 50 mm na křídovém papíru o hmotnosti 300g při tisku 500 kusů vyjde zhruba na 0,5-1 Kč. Kdykoliv je řeč o vizitce, myslí se rozměr 90 x 50 mm, který je v ČR nejrozšířenější. V západní Evropě a zahraničích firem u nás se lze setkat i s rozměrem 85 x 54 mm a rozměrově odpovídá Českému občanskému průkazu, takové vizitky se označují jako euro formát. Při chystání podkladu pro tisk se nesmí zapomenout na použití barevnosti CMYK. Pokud bude vizitka v barevnosti RGB, která je určená pouze pro zobrazení na monitorech, může mít vizitka po vytištění jinou barvu, než na monitoru. Rozlišení by rozhodně nemělo být menší než 300 DPI, aby nebyl výsledek kostrbatý, optimální je použití 600 DPI. Při návrhu podkladů pro tisk vizitek je důležité myslet i na finální oříznutí, protože nůž řezacího stroje má určitou toleranci a nemusí se vždy trefit přesně do požadovaného místa. U vizitky s tmavým pozadím by tato nepřesnost mohla způsobit nežádoucí viditelný bílý pruh na okrajích vizitky v barvě podkladového papíru (nepotištěná plocha). Řešením je vytvořit vizitku o trochu větší s předpokladem, že se nadbytečná oblast, které se říká spadávka, ořízne. Velikost spadávky je individuální a konkrétní požadavky si vždy určuje tiskové studio. V mém případě se jednalo o 3 mm na každé straně navíc, takže výsledný hrubý formát byl 96 x 56 mm. Ideální je umístit do návrhu také ořezové značky, které přesně ukáží, kde se má provést ořez. Podkladové materiály pro tisk se mohou vyexportovat v různých formátech pdf, psd, ai, eps, png, jpg či pdf, důležité je aby byl výsledek co nejkvalitnější. 33

34 Obrázek 3: Návrh propagační vizitky Samolepky jsem navrhl ve velikosti 70 x 45 mm tak, aby se daly použít jako nálepka na zadní stranu dnešních smartphonů. Vzhledem k tomu, že tento rozměr je nestandartní a tiskárny si za nestandartní formát účtují příplatek, upravil jsem jej na formát A8, který má rozměry 74 x 52 mm. Pozadí obrázku bude průhledné a jedinou barvou bude nakreslený motiv. Aby motiv vyniknul na bílém i černém pozadí, vytvořil jsem ho ve dvou barevných provedeních černá, bíla. 34

35 Obrázek 4: Grafický návrh samolepky Napadla mě ještě jedna možnost jak zaujmout a to kreslit obrázky na zásilku, podle toho co si zákazník přeje nakreslit. Tohle by mohl být zaručený způsob jak zapůsobit, který navíc nestojí ani korunu, na druhou stranu vyžaduje čas. Vzhledem k cílové skupině bych očekával a zároveň se i obával požadavků na nakreslení vulgárních motivů. Což by samozřejmě znamenalo chodit s takovými zásilkami na poštu. Tohle uvádím zatím jen jako nápad, realizace si ještě budu muset rozmyslet. 3.4 Reklama na facebooku Facebook je sociální síť spuštěna v únoru roku 2004 sloužící ke komunikaci mezi uživateli, sdílení multimediálních dat a zábavě. Má něco kolem 1,5 miliard aktivních uživatelů (únor 2015) a zhruba 10 tisíc zaměstnanců (únor 2015). Je plně přeložen do osmdesáti čtyř jazyků a napsán v programovacích jazycích C++, jazyk D a PHP. Jeho hodnota je odhadována na $500 miliard USD, jedná se o akciovou společnost se sídlem v Menlo Park, 35

36 Kalifornie, USA. Kromě toho, že slouží ke komunikaci, sdílení dat a zábavě, lze tuto sociální síť efektivně využít také k propagaci. [30] Mnoho marketingových specialistů bude v souvislosti s reklamou na facebooku hovořit o zvyšování počtu fanoušků, o navýšení počtu reakcí fanoušků, od psaní komentářů až po dosažení co největšího počtu To se mi líbí (like) pod příspěvky. Mluví tedy spíš o podpoře značky a úspěšnost reklamních kampaní vyhodnocují podle množství nových fanoušků, které stránka získala. Ale cílem marketingu je hlavně prodej a následný zisk. Rozhodující by tedy měl být prodej a ne počet nových fanoušků. Úspěšnost kampaní je tedy důležité měřit z hlediska prodeje a marketing chápat jako činnosti, které přinesou více zákazníků, více prodejů a nakonec také více zisku. Jinak řečeno větší investice do reklamy na facebooku obvykle přináší vyšší počet fanoušků, neplatí to ale pro zisk z prodeje, který je nedůležitější. Klidně se může navýšit počet fanoušku o několik desítek a přitom si nikdo z nich nic neobjedná, něco takového není žádoucí. [1] [8] Chci tím říci, že pouhé placení za reklamu s cílem zvýšit počet fanoušků stránky na facebooku, nemusí vůbec znamenat, že se něco prodá. Sociální sítě jsou jen jednou z částí online marketingu. Pokud se navyšují počty fanoušků a nikdo nic neobjednává, pak bych neobviňoval facebook reklam, ale spíše začal hledat, kde by mohl být problém a ten může být skutečně všude, ať už v produktu, v e-shopu, v komunikaci se zákazníky, cílení na nesprávnou skupinu apod. Vše je velmi komplexní a provázané. [1] [8] Definování cílové skupiny V dnešní době je pro většinu firem neefektivní zaměřovat se na celý trh, protože potřeby spotřebitelů jsou velmi odlišné a rozsáhlé. Právě proto je lepší se soustředit na vybranou skupinu spotřebitelů a využít tzv. cíleného marketingu. Firmy si pokládají základní otázku kdo je naším zákazníkem a jaké má skutečné potřeby? Je potřeba charakterizovat tzv. cílovou skupinu zákazníků. Čím lépe se jí porozumí, tím lépe se dá oslovit a efektivně reklamou zacílit. Jinak se bude přistupovat při oslovování potenciálních zákazníků z okruhu lidí vyššího věku, na ty libozvučně znějící poangličtěná či hi-tech slova nebudou mít stejný efekt jako v případě cílení na mladou generaci. Cílení na kulturistu bude úplně odlišně, než na mladou maminku. 36

37 Koho tedy oslovit, kdo je mou cílovou skupinou, jak by se dala charakterizovat? Pokusím se potenciální zákazníky definovat. V tomto případě mám výhodu, protože cílovou skupinu dobře znám (patřím mezi ně). Demograficky bych skupinu definoval jako lidi mladšího věku, cca 18 až 25 let, různého vzdělání, kteří mají rádi hudební styl horrorcore a pokud jej mají rádi, pak jistě znají také Řezníka a jsou jeho fanoušky. Větší zastoupení ve skupině mají muži, protože témata písní i humoru jsou jim bližší. U opačného pohlaví se lze setkat spíše s nepochopením a pocitem, že je to až moc přes čáru, samozřejmě výjimky se najdou. V roli zákazníka si dokážu představit také ženu, která se o tento žánr hudby příliš nezajímá, ve chvíli koupě dárku pro svého přítele, který ano. Vzhledem k tomu, že texty jsou v češtině, nemá smysl cílit jinam než pouze na Českou a Slovenskou republiku. Vzhledem k nízkému věku potenciálních zákazníků cílové skupiny bych se po stránce komunikace nebál použití tykání. V příspěvcích na sociálních sítích by se měl objevit hlavně vtip, nadsázka a dokonce i vhodně použitá ostřejší slova by se měla setkat s pochopením. Co se týká nákupního chování, tak tito lidé běžně nakupují lístky na koncerty, CD, trička, čepice, najdou se i takový, kteří mají doma sbírku všeho. Motivací ke koupi mého produktu by mohla být potřeba stylizovat se do podoby jejich oblíbeného interpreta. Touha vlastnit něco co bylo donedávna považováno za cosi exkluzivního a vzácného a potřeba se takto stylizovat a reprezentovat na sociálních sítích pomocí nasdílených fotografií (tzv. selfies). Příležitost užít si koncert v anonymitě, kde se díky maskování dokáže člověk více odvázat a zároveň na sebe strhnout patřičnou pozornost. Doplnit svou sbírku merche (propagační předměty hudebníků) o tento artefakt apod. Nyní bylo řečeno kdo je zákazník, jak s ním komunikovat a co ho může motivovat ke koupi produktu, což je takový základ a nyní bych směřoval k praktické tvorbě reklamy na facebooku Způsob cílení reklamy Reklamu na facebooku budu chtít využívat pro komerční účely (za účelem prodeje a dosažení zisku). Sídlo společnosti je v Kalifornii (mimo tuzemsko), v tomto případě proto připomínám, že osoba využívající reklamu na facebooku musí být plátcem DPH, nebo alespoň identifikovanou osobou (podrobně popsáno v kapitole 2.9). Rád bych upozornil na to, že vzhled facebooku včetně jeho administrativní části se často mění a dochází k vylepšování a přidávání nových funkcí. Přiložené obrázky proto nemusí 37

38 být vizuálně shodné se současnou podobou stránek, protože to co platí dnes, v případě facebooku zítra už platit nemusí. To je hlavní důvod, proč nebudu popisovat, kde přesně se má kliknout, kterou záložku je potřeba otevřít a co na ní spustit. Nemělo by to smysl a znamenalo by to zaplnění stránek spoustou printscreenů. Před spuštěním reklamy je potřeba mít vytvořenou stránku, během jejího vytváření se zadávají klasické informace jako je typ firemní stránky, název stránky a kategorie, které se bude vytvořená stránka týkat. Aby bylo možné zadávat reklamy je zapotřebí pro novou stránku nastavit způsob platby, na výběr je pouze platba kreditní nebo debetní kartou. Zadají se osobní informace, fakturační adresa, údaje uvedené na kartě a měna. Pokud je již vše vytvořeno. Může se začít s reklamou. V první řadě je třeba si odpovědět na otázky: Co od reklamy očekávám? Co je jejím cílem? V čem mi má pomoci? Co mi má přinést? A podle toho pak zvolit marketinkový účel, viz obrázek. Obrázek 5: Menu u reklamní kampaně Vytvořit reklamu lze samozřejmě i bez použití tohoto průvodce a místo toho rovnou na facebookové stránce kliknout na konkrétní příspěvek a začít ho propagovat, stejně tak se dá propagovat web, nebo facebooková stránka. Po kliknutí na předmět propagace se zobrazí okno, ve kterém se vytvoří cílový okruh uživatelů podle základní demografie: věk, pohlaví, bydliště. Díky definované cílové skupině nebude těžké tato pole vyplnit. 38

39 Po nadefinování okruhu uživatelů se může začít se tvorbou vzhledu reklamy. K dispozici je podokno zobrazující reálnou podobu reklamy, tak jak jí lidé uvidí po spuštění. Napíší se texty, které lidi zaujmou a vloží se obrázek. Zadá se celkový rozpočet v Kč a podle jeho výše se zobrazí odhad počtu lidí, kteří budou reklamou osloveni. Určí se doba trvání kampaně a reklama je nyní připravena ke spuštění. Reklama musí být v souladu s pravidly facebooku, proto se po spuštění nezobrazí okamžitě, je nutné počkat na její schválení, které je individuální, ale většinou je reklama viditelná zhruba do hodiny. Facebook nastavil zásady pro vytváření reklam docela přísně. Během procesu schvalování se prověřují obrázky, text i cílení. Výčet zakázaného obsahu je velmi dlouhý. Po stránce obsahové se dá očekávat zákaz propagace tabákových výrobků, drog, zbraní, výbušnin, erotického obsahu apod. Pokud je stránka schválena na přijde upozornění. Náklady vynaložené na reklamu si facebook automaticky strhne z účtu po skončení kalendářního měsíce. Z toho jsem měl obavu, ale zatím se nikdy nestalo, že by byla z účtu stržena částka vyšší. [31] Výše popsané je úplný základ. Existuje však mnohem lepší a přesnější způsob cílení reklamy. Proč složitě nastavovat na koho zacílit pomocí věku, místa kde bydlí, podle dosaženého vzdělání apod.? Takové cílení je dobré, ale např. množina uživatelů s věkem mezi 18 až 25 lety je obrovská a pouze malá část této množiny by mohla mít reálný zájem o můj produkt. Proč tedy vůbec nějakou optimální množinu uživatelů hledat, když už je dávno vytvořená vytvořena? Co kdyby už existovalo místo, kde jsou přesně ti lidé, u kterých je téměř jisté, že budou mít zájem a stačí je pouze oslovit? To místo skutečně existuje a vytvořila ho konkurence. Konkurence už vynaložila náklady na dosažení co největšího počtu fanoušků a může jich mít na svých stránkách klidně desítky tisíc. Proč tedy hledat někde jinde, když to co hledám je už dávno na jednom místě? Stačí tedy zacílit přímo na ně a přetáhnout je na svou stránku, jak toho dosáhnout? Odpověď je jednoduchá, klíčem je políčko Zájmy (interests) ve správci reklam, do kterého stačí napsat libovolný název stránky a tím facebooku umožnit cílit přímo na fanoušky této stránky, demografickými údaji lze provést případné dodatečné upřesnění. Konkurencí nemyslím přímo stránku, která by podobný produkt vyráběla, ale stránky které odpovídají mé cílové skupině, tak jak jsem si jí popsal, tedy stránky zaměřené na žánr horrorcore, nebo stránky konkrétních interpretů. Je to nejjednodušší a nejefektivnější a nejpřesnější způsob cílení reklamy na facebooku. 39

40 Bohužel některé stránky zadané do políčka Zájmy (interests) facebook nenabízí k výběru. Nepodařilo se mi zjistit, jaké kritérium rozhoduje o tom, které stránky do políčka zadat lze a které ne. Osobně se domnívám, že kritériem je buď hodnocení, kategorie stránky, nebo počet fanoušků. Stránky s velkým počtem fanoušků se mi do pole Zájmy (interests) podařilo zadat vždy, ale u stránek s malým počtem fanoušků jsem byl úspěšný jen výjimečně. Obrázek 6: Cílení reklamy podle zájmů Vyhodnocení výsledků konkrétní kampaně Tvorbě e-shopu se budu věnovat až v kapitole číslo 5. Dovolím si ale trochu předběhnout a umístit zde jeden z výsledků reklamní kampaně, která běžela v době, kdy už byl internetový obchod v provozu, zákazníci se na něj dostali díky reklamě na facebooku a objednávky mi chodily na . Není ani zdaleka výsledek mé nejlepší kampaně, spíše naopak. Rozhodl jsem se ukázat právě tuto, protože k ní mám printscreeny a chci ukázat, že i malá investice do reklamy dokáže přinést prodej a zisk. 40

41 Obrázek 7: Vyhodnocení výsledku FB kampaně Tato reklama byla schválena a spuštěna dne ve 21:39 a jednalo se o propagaci facebookové stránky Maska Skeletona. Kampaň běžela jeden den, takže byla ukončena ve 21:39 následujícího dne. Díky reklamě jsem získal 34 nových označení stránky To se mi líbí, tj. 34 nových fanoušků stránky. Její dosah byl (dosah umožňuje měřit, kolika lidem se reklama v průběhu trvání reklamní kampaně zobrazila). Z počtu lidí, kterým se stránka zobrazila (neznamená to, že jí každý musel vidět) pouze 40 z nich provedlo nějakou akci. Náklady na tuto kampaň byly 162,51 Kč, což v přepočtu na 34 nových fanoušků znamená, že jeden nový fanoušek stál 4,78 Kč. Takový výsledek není zrovna ukázkový a kampaň bych vyhodnotil jako špatnou, protože když porovnám výsledky z ostatních kampaní, dostávám se na mnohem nižší částky za fanouška. Ale jak už jsem několikrát zmiňoval, počty fanoušků stránky vůbec nejsou tím nejdůležitějším ukazatelem úspěšnosti kampaní. Rozhodující je kolik objednávek / prodaných kusů mi to přineslo! Níže je přiložený printscreen objednávek z u, ve kterém jsou objednávky, které byly vytvořeny díky reklamní kampani. Z důvodu ochrany osobních údajů jsem ponechal viditelné pouze jméno zákazníka. Obrázek 8: Nové objednávky vytvořené díky FB kampani Díky reklamní kampani bylo vytvořeno 5 nových objednávek, pro přehlednější vyčíslení ziskovosti uvádím následující tabulku, která vyjadřuje částky, které jsem díky prodeji obdržel. 41

42 Tabulka 1: Vyčíslení ziskovosti prodeje Zákazník Dobírka Počet ks Příjem Výdaj za poštovné Zisk Tomáš ano Jan* ne Lukáš ne Petr ano Michal ano Celkem *Jan zrušil objednávku Reklamní kampaň za 162,51 Kč, která z hlediska počtu nových fanoušků nevypadala příliš optimisticky, mi zajistila prodej pěti kusů se ziskem Kč. Odečtu-li náklady na reklamu, pak se dostávám na částku 1124,49 Kč, což je celkový zisk, který mi tato kampaň přinesla a to není špatné. 3.5 Heureka.cz Často využívám služeb nákupního rádce s názvem heureka.cz pro nalezení vhodného produktu, nalezení nejnižších cen a čtení uživatelských recenzí na zakoupené zboží. Zaujala mne proto představa vystaveného produktu na těchto stránkách. Rozhodl jsem se o heuréce zjistit více. Prozkoumat jaké služby nabízí, čím je využití služeb podmíněno a jak je to zpoplatněno. Vše za účelem zjištění jestli bude mít vystavení produktu na Heuréce smysl. Heureka.cz nabízí následující rozsah služeb: - porovnávání cen produktů - porovnávání a vyhledávání různých parametrů produktů - umožňuje hodnotit e-shopy (Ověřeno zákazníky) - poskytuje prostor pro recenze produktů - nabízí garanci vrácení peněz u e-shopů zapojených do služby Heureka Košík - sleduje vývoj slev a novinek na trhu - varuje před podezřelými e-shopy Údaj z roku 2015 hovoří o propojení s více než e-shopy a o třech miliónech uživatelích měsíčně. 42

43 Registrace na heuréce.cz je bezplatná, stačí si pouze vytvořit profil. Kliknout na tlačítko Přidat nový obchod a vyplnit informace o e-shopu (název, URL, , XML feed), kontaktní osobě (jméno, , telefon) a fakturační údaje (adresa, IČ, název firmy, ). Toto jsou povinné údaje, mezi ty nepovinné patří údaje o e-shopu, které uživatelé heuréky uvidí při rozkliknutí detailu obchodu. Čím více se toho napíše, tím více toho budou zákazníci o obchodě vědět. Vyplnit lze logo, adresu (umožní zobrazení mapy), telefon, telefon pro objednávky, ICQ, popis, nejnižší cenu dopravy, možnosti osobního odběru, způsoby dopravy, státy kam se zasílá, možnosti platby atd. Nic z uvedeného by nebyl problém až na XML feed, ke kterému se ještě dostanu. Všechny nově registrované e-shopy na heuréce.cz procházejí kontrolou. Kontrolují se webové stránky, obchodní podmínky a již zmíněný XML feed. Je to textový soubor obsahující informace o prodejních položkách, které jsou pro zákazníka důležité, když si produkt vybírá (název, kategorie, cena, dostupnost). Strukturovaný XML soubor zajistí, že se tyto informace zákazníkům na heurece.cz zobrazí správně. Většina shop systémů (shoptet, shopsys, religis, shopion a mnoho dalších) umí tento XML soubor automaticky vygenerovat z dat dostupných v e-shopu. Pokud generování XML feedu není podporováno, nebo e-shop žádný shop systém nevyužívá, je dle heuréky nejlepší obrátit se na vývojáře, nebo programátory e-shopu. Ve skutečnosti se nejedná o nic složitého. XML feed je členěn do povinných a nepovinných tagů, do kterých se pouze doplní požadované informace. Heuréka poskytuje poměrně kvalitní nápovědu, takže ruční vytvoření XML by nemělo být složitým úkolem. Na heuréce se dá fungovat ve dvou režimech free a PPC. Základní rozdíl mezi nimi je v zobrazení nabídek e-shopů. Režim free je zdarma, ale nabídky se zobrazují pouze ve fultextovém vyhledávání. Jedná se většinou až o poslední místa při vyhledávání produktů. V rámci placeného PPC režimu se produkty párují na základě informací obsažených v XML souboru do příslušných kategorií. V nich jsou potom zobrazovány na detailu konkrétního obchodu s konkrétními nabídkami dalších e-shopů. PPC režim funguje na základě kreditu, který si e-shopy dobíjí ve své administraci na Heuréce. Z kreditu se strhává cena za proklik za přivedeného zákazníka z Heuréky do e-shopu. Cena prokliku se liší podle jednotlivých kategorií a ceny zboží. 43

44 Obrázek 9: Cena prokliku v režimu PPC na Heuréce, zdroj [16] - Cena prokliku z detailu obchodu a výsledků fulltextového vyhledávání je zpoplatněna rovnou cenou 2,00 Kč. - Ceník podléhá přechodnému plošnému navýšení v sezonním období od každého roku o 25 %. - U produktů do 21,00 Kč není cena prokliku účtována. [33] Průměrné měsíční náklady v PPC režimu jsou individuální a jejich výši ovlivňuje velikost e-shopu, typ sortimentu a konkurence. Dle informací Heuréky až 95 % přístupů do e-shopů tvoří právě PPC režim v porovnání s režimem free. Služba s názvem Ověřeno zákazníky pomáhá rozlišit důvěryhodné a kvalitní e-shopy, tak aby se zákazník mohl lépe rozhodnout co a kde koupit. Důvěryhodnost a hodnocení jsou při rozhodování o nákupu v očích zákazníka velmi důležitými ukazateli. Pokud jsou dobré, přinese to e-shopu jediné, další nové zákazníky. Ověřeno zákazníky odbourává strach z on-line nakupování a buduje důvěru tím, že zohledňuje kvalitu služeb obchodu v mnoha kritériích od přehlednosti stránek, uvádění kompletních informací o ceně, dodací lhůty až po řešení reklamací. Nabízí zákazníkovi možnost hodnotit e-shopy a podělit se o zkušenost s ostatními zákazníky. Hodnotit mohou 44

45 pouze zákazníci, kteří v obchodě nakoupili. Tím se předejte úmyslnému negativnímu hodnocení ze strany konkurence, nebo vystavování chvályhodných recenzí, které by mohl vystavit obchod sám sobě. Na druhou stranu, dotazníky jsou zákazníkům zasílány 10 dní po uskutečnění objednávky a v tento den je zákazníci nejčastěji také odesílají. Zde vzniká problém, protože zákazník může vyplnit kladné hodnocení a později (např. po negativní zkušenosti s průběhem reklamací) ho už nemůže upravit. Hodnocení tedy nemůže být 100% spolehlivé. Výsledky dotazníků jsou poté automaticky zasílány e-shopům em a jsou pro ně cenným zdrojem zpětné vazby. Poskytnou informace o úspěšnosti a poukáží na oblasti, které je potřeba ještě zlepšit. [17] Pokud relevantní počet zákazníků bude hodnotit kladně, může e-shop získat zlatý nebo modrý certifikát Ověřeno zákazníky, což je viditelné hodnocení kvality, které se objeví na Heuréce, možné je samozřejmě také umístění na stránkách e-shopu v podobě ikon nebo vyjíždějícího widgetu. Heuréka pak bude řadit e-shop nad ostatní, kteří certifikaci nemají (nebo mají horší známky zákazníků). Tato certifikace není trvalá, odráží vždy aktuální kvalitu. Zhorší-li se hodnocení a dosáhne určité hranice, certifikát opět zmizí. Služba je poskytována zcela zdarma. Jediným nákladem je integrace do obchodu, která zajistí plně automatickou operaci provedenou po každém dokončení nákupu uživatelem. [17] [32] Obrázek 10: Certifikát: Ověřeno zákazníky na Heuréce, zdroj [17] V souvislosti s Heurékou se lze setkat s pojmem bidding, což znamená nabízení vyšší částky za proklik výměnou za posunutí mezi přední místa v seznamu doporučovaných obchodů, které se zobrazí po kliknutí na detail produktu. Nabídky se zobrazují na základě několika kritérií, kterými jsou cena produktu, dostupnost produktu, hodnocení e-shopu a bidding. 45

46 Zajímavý může být také obchodní model Heuréka košík, jehož hlavním cílem je maximálně zákazníkům usnadnit nákup. Zákazníci nakupují rovnou přes stránky Heuréky za pomocí oranžového tlačítka Koupit bez nutnosti návštěvy e-shopu. Tím odpadá mezikrok s přesměrováním na jiný odkaz a riziko ztráty zákazníka je nižší. Hlavním cílem je tedy zvýšit konverzní poměr. Získání Heuréka košíku je podmíněno využíváním placeného PPC režimu a zároveň vlastnictvím certifikátu Ověřeno zákazníky. Používání košíku je bezplatné. Pouze v případě, že zákazník realizuje nákup pomocí oranžového tlačítka Koupit je naúčtována provize podle výše přiloženého ceníku. [34] 3.6 Search Engine Optimization SEO je soubor doporučení pro optimalizaci webu takovým způsobem, aby pro internetové vyhledávače bylo jeho nalezení co nejjednodušší. Ideálně, aby měl odkaz na něj co možná nejlepší pozici ve výsledcích vyhledávání. Uživatelé do vyhledávačů zadávají tzv. klíčová slova, podle kterých jsou stránky vyhledávaný. Cílem je nalézt taková slova, která souvisí co nejvíce s obsahem webu a jsou uživateli do vyhledávačů zadávána nejčastěji. Většinou jsou to slova obecná, ale ta jsou na druhou stranu velmi konkurenční a dosažení prvních pozic v případě jejich použití je velmi nákladné. Při optimalizaci by se mělo přemýšlet tak aby provedené změny byly dobré nejen pro vyhledávač, ale především pro uživatele, kteří jsou hlavními konzumenty a internetový vyhledávač využívají pouze jako prostředek k nalezení požadovaného obsahu. Snahou SEO je zviditelnit web (maximalizovat návštěvnost), tak aby jej v internetovém vyhledávači našlo co nejvíce potenciálních zákazníků. V širším kontextu je cíl SEO stejný jako cíl webu, tedy maximalizovat zisk. Proto samotná optimalizace na klíčová slova nestačí ke splnění tohoto cíle, ale je třeba optimalizaci chápat v souvislostech a soustředit se také na ostatní faktory přímo ovlivňující prodejnost. [5] V souvislosti s klíčovými slovy jde hlavně o dvě věci, o to co e-shop nabízí a o to, jak to hledají zákazníci. Chce-li e-shop přivést na svou stránku relevantní zákazníky potřebuje znát klíčová slova, které zákazníci používají, aby produkt nalezli. Důležité je přemýšlet jako zákazník, protože prodávající často používají jiný slovník, než ti kteří nakupují. Neexistuje nic lepšího než se přímo zeptat potenciálních zákazníků, jak by produkt hledali a jaká slova ve vyhledávači volili. Například účetní firma by si mohla myslet, že zákazníci budou vyhledávat slovní spojení: účetní firma, což je logické, ale vyhledávají rovněž 46

47 slovní spojení: účetní firmy, vedení účetnictví, vedení účetnictví ceník, ceny za vedení účetnictví, hledám externí účetní. Na první pohled je vidět, že ceny jsou pro cílovou skupinu důležitou informací a tedy i nápovědou, co by na budoucím e-shopu rozhodně nemělo chybět. Po zjištění vhodných klíčových slov nastává otázka: Kam je umístit? Při hledání na internetu lze narazit na spousty článků (staršího data), ve kterých jsou uvedeny rady, které již dávno neplatí, protože vyhledávače pravidelně mění a zdokonalují svůj algoritmus, který může výrazně změnit výsledky vyhledávání. Pravdou je že nikdo přesně neví, jak algoritmy vyhledávačů fungují a z toho důvodu neexistuje žádný 100 % návod, který by zaručil první místo ve výsledcích vyhledávání, ostatně každý by tam chtěl být, ale každý tam být nemůže. Dříve tolik populární způsob vypisování klíčových slov do tagu v hlavičce dokumentu je již minulostí. <meta name="keywords"content="slovo1,slovo2,slovo3,slovo4,slovo5,slovo6 "> Nejdůležitější vyhledávače Google a v Česku Seznam takto vypsaná klíčová slova úplně ignorují, proto je zbytečné něco takového na e-shopu mít. Lze najít mnoho stránek, které se ze SEO snaží udělat něco velmi komplikovaného a poté nabídnout pomoc, samozřejmě za peníze. SEO se dá skutečně velmi zkomplikovat, ale základní úroveň optimalizace není vůbec složitá a stačí dodržet jednoduchý postup, který mám odzkoušený a mohu potvrdit, že je funkční. Pro jistotu doplním, že je funkční u stránek, které nejsou moc konkurenční. U hodně konkurenčních stránek už by podrobné prostudování této problematiky, nebo oslovení odborníka mohlo mít smysl. V mém případě jsem vždy pracoval se stránkami, které neměli velkou konkurenci, a fungoval mi následující jednoduchý postup: 1) Klíčová slova je zapotřebí mít v obsahu stránky. Čím vícekrát se klíčová slova v textu objeví, tím lépe. Důležité je najít nějaký kompromis mezi množstvím a čtivostí. Osobně bych upřednostnil raději formu textu, než nucené opakování klíčových slov, ty nikdy nesmí v textu působit otravně. 2) Klíčová slova rozhodně použít v párovém tagu <title>, který se umisťuje do HTML hlavičky stránky. Vyjadřuje titul (název, nadpis) stránky a má velkou váhu pro prohlížeče Google, Seznam i Bing. Titulek se zobrazuje v záhlaví prohlížeče a modře jako podtržený odkaz ve výsledcích vyhledávání (Google a Seznam). Je jasné, že lidé se ve výsledcích vyhledávání orientují podle textu odkazu, proto vyhledávače kladou na tento tag důraz. Pokud na webu nejsou správně udělány titulky je důležité je předělat a to tak, aby každá stránka (každé URL) měla vlastní titulek. Titulek bude vidět ve výsledcích vyhledávání, a proto by měl být co nejvíce 47

48 výstižný, krátký, měl by zaujmout. Samozřejmě snaha obsáhnout v něm klíčové slovo by neměla být na úkor srozumitelnosti! Tento tag je důležitý hlavně proto, že vidět ve výsledcích vyhledávání. [35] 3) Dalším důležitým aspektem tvorby kvalitního webu je správně napsaný HTML tag meta descripton (popisek), který by měl být dlouhý zhruba 140 znaků včetně mezer. Jeho účelem je shrnutí obsahu dané stránky a měl by být pro návštěvníka motivací k přečtení dané stránky. Popisek se zobrazuje rovněž ve výsledcích vyhledávání jak u Google tak u Seznamu a to hned pod modře podtrženým odkazem (bod 2). Ve zdrojovém kódu vypadá takto: <head> <meta name="description" content="zde by se měly zmínit nejdůležitější informace a shrnutí obsahu stránky. Probudit v zákazníkovi zájem, měl by pochopit, že stránka, kterou našel je tou, kterou hledal. </head> [36] 4) Klíčová slova dále doporučuji umístit do nadpisů úrovně H1. 5) Adresy stránky (URL) jsou důležitější pro lidi, než pro vyhledávače. Měly by proto být krátké, srozumitelné a zapamatovatelné. Obzvlášť platí pro doménu. URL by se neměla měnit, měla by být trvalá. Pokud se v URL vyskytují klíčová slova, je to výhoda. Optimální je oddělovat slova znakem mínus, protože takový způsob oddělení slov chápe největší počet vyhledávačů. 6) Správné pojmenování obrázků na webu je velmi důležité. Pokud například někdo hledá produkt a rozhodne se ho najít pomocí obrázků na Googlu, nebylo by krásné, aby se obrázek zobrazil co nejvíce nahoře a co nejvíce vlevo? Pomocí obrázků je pak zákazník přesměrován rovnou na e-shop, kde si může produkt zakoupit. O umístění obrázků ve výsledcích vyhledávání rozhoduje jeho pojmenování. Obrázek s pojmenováním fa4df5a5fs.png nemůže nikdy nalézt shodu s tím, co uživatel hledá. Název obrázků by měl rovněž obsahovat klíčová slova, bez háčků a čárek. Doporučuji nezapomenout v HTML vyplnit také jeho atribut alt (alternativní popis), který je důležitý pro zrakově postižené a Google jej zohledňuje. 7) Každý dnes očekává, že když zadá ve svém prohlížeči URL adresu, nebo klikne na odkaz, okamžitě se mu stránka načte. Algoritmy vyhledávačů se uživateli inspirují a proto je rychlost načítání stránky důležitá nejen z pohledu SEO, je to vlastně nutnost. Dlouhé načítání stránky = zákazník odchází => čas jsou peníze. U nově vytvořených stránek, které jsou právě nahrány na wehbosting je zcela normální, pokud vyhledávače stránku nenaleznou, dokonce ani při zadání názvu domény do vyhledávacího pole nebo při přesném vyhledávání pomocí uvozovek do kterých se vloží zkopírovaná část obsahu stránky. Důvodem tohoto chování je jejich nezaindexování ze strany vyhledávačů, které může trvat klidně několik dní. Pasivní čekání se dá urychlit aktivním pingnutím robota, u Google k tomu lze použít následující odkaz: 48

49 Do pole se vyplní URL adresa nově vytvořené, nebo nově optimalizované stránky a Google stránku zaindexuje mnohem dříve, záměrně nepíši kdy, protože časové okno se nedá přesně stanovit ani zaručit. Závěr je tedy takový, že po provedení SEO se změny neprojeví ihned, protože vyhledávačům jejich zpracování chvíli trvá. 49

50 4 Platební systémy a jejich využití v e-shopech Ve chvíli, kdy jsem začal uvažovat nad internetovým obchodem, přemýšlel jsem samozřejmě i nad platebními metodami, které bych v obchodě rád implementoval. Jako samozřejmou jsem bral platbu na účet a klasickou dobírku, jsem chtěl implementovat i platbu kartou, která se mi líbila nejvíce a to především kvůli rychlosti platby, která je prakticky okamžitá. Zajímavé byly také platební metody PayPal, GoPay, apod. Chtěl jsem zjistit, jaké jsou jejich možnosti, jaké poplatky se za ně platí, jak se provádí jejich implementace a tu realizovat. Vzhledem k tomu, že byl od 1. března zaveden zákon o EET také pro e-hopy, bohužel nebudu moci realizaci platby kartou provést, stejně tak případné zavedení PayPal či GoPay. EET by se mi ekonomicky nevyplatilo a budu se tak muset spolehnout pouze na standardní platby převodem na účet a dobírku, kde pro tyto dvě platební metody platí výjimka a EET nepodléhá. Plánované platební metody tedy nebudu z výše uvedeného důvodu implementovat, provedu pouze jejich porovnání a zaměřím se na poplatky a způsoby jejich implementace, kde předpokládám, že se mi tyto informace mohou hodit v případných dalších projektech. 4.1 Dobírka Dobírka je takovou českou stálicí a zároveň unikátem, protože nikde v zahraničí se jí nedostává takové popularity jako právě v České republice. Příčinou je stálá nedůvěra v poctivost prodávajících i v bezpečnost jiných platebních metod. Zatímco směrem na západ dobírku využívá málokdo, směrem na východ se její obliba zvyšuje. Lidé ji znají a hodně využívají, preferují ji zejména konzervativní a starší zákazníci, kteří často nemají elektronické bankovnictví, bojí se plateb přes internet, případně mají s ostatními metodami plateb minimální, nebo žádné zkušenosti. Dobírka se výborně se hodí pro začínající e- shopy, protože její pořizovací náklady jsou velmi nízké a je vůbec nejpoužívanějším způsobem jak zákazníci v ČR platí za zboží, které si zakoupili online. Zákazník má díky dobírce jistotu, že za zboží zaplatí až ve chvíli, kdy je mu zboží doručeno, nemůže tedy nastat situace, kdy je něco předem zaplaceno a vůbec to nedorazí. Kdo ale fyzicky kontroluje, že obsah zásilky skutečně odpovídá tomu, co zákazník požadoval? Většina z nás pouze převezme balík a rozbaluje jej až doma, protože na poštách v dlouhých frontách na to není čas, stejně tak u dveří při přebírání zásilky od kurýra. Klidně tak může místo nového notebooku dorazit zabalená cihla. Dobírka tedy zaručuje, že zásilka dorazí, 50

51 ale nikdo se nemůže být 100% jistý jejím obsahem. Tohle neplatí při zaslání zboží na kamennou pobočku obchodu, kde si zákazník může vše v klidu zkontrolovat a zaplatit hotově. Ze všech platebních metod je pro zákazníka tou nejdražší a platí zde přímá úměra, čím více peněz zákazník utratí, tím spíše si zvolí pro něj nejbezpečnější variantu i za cenu příplatku za poštovné, takové chování se jeví jako racionální. Mezi výhodu dobírky může patřit rychlost odeslání zboží. Převod z účtu na účet může trvat i několik pracovních dní. Pokud zákazník potřebuje zboží co nejdříve, volí raději platbu dobírkou nebo platbu kartou. V souvislosti s rychlostí odeslání, nemusí mít zákazník ani po připsání peněz na účet obchodníka vyhráno. Připsané platby na účtu má obchodník již jisté, nezávisle na tom, jestli pochází z plateb bankovním převodem, nebo kartou. U dobírky ale stále existuje možnost, že si zákazník koupi objednaného zboží rozmyslí a proto se někteří obchodníci soustředí na přednostní vyřízení těchto objednávek a již připsané platby řeší až druhotně. Z pohledu prodávajícího přináší spíše starosti, protože se může stát, že zákazník zboží nepřevezme a zásilka putuje zpět odesílateli, což přináší zbytečné náklady navíc. U křehkého zboží bych se navíc obával toho, že nemusí dorazit zpět v pořádku. Další nevýhodou je doba, za kterou peníze za prodané zboží dorazí na účet prodávajícího. Tato doba se pohybuje zhruba od tří do sedmi dnů, u zboží zasílaného na Slovensko klidně i dva týdny. Určitým zdržením je také kontrola zda poštou či kurýrem vybrané peníze po uplynutí této doby skutečně na účet dorazily. Takový případ by neměl nastat, ale dle diskusí na internetu se to stává poměrně často, zde pomůže jedině podat reklamaci u dopravce. Reklamace končí většinou úspěšně a peníze jsou dodatečně připsány. Vše to ale stojí čas a čas jsou peníze. I když dobírka přináší provozovatelům e-shopů spíše starosti a její podíl rok od roku klesá, zákazníci ji mají rádi a stále je to nejpoužívanější platební metoda na českém internetu a to je velmi silný argument, proč by rozhodně neměla chybět v nabídce každého českého e- shopu. 4.2 Bankovní převod Běžný bankovní převod (příkaz) je hned vedle dobírky jedna z nejznámějších platebních metod. Aby bylo možné platit převodem, je zapotřebí mít zřízený bankovní účet, což není problém, protože ten už má dnes zřízený kde kdo. Bankovní převod odděluje nakupování od placení, protože po uskutečnění nákupu se musí zákazník přihlásit do internetbankingu 51

52 a až tam provést platbu, což je nevýhoda. Zaplacení nemusí proběhnout ihned po objednání, zákazník má i po zakoupení dostatek času si nákup rozmyslet a zboží zaplatit se zpožděním anebo vůbec, je zde tedy velké riziko storno objednávek. Na rozdíl od dobírek zde alespoň nedochází ke zbytečným nákladům v podobě zaplaceného poštovného a balného. Když si zákazník nákup rozmyslí, stojí to pouze čas, který se využije na stornování objednávky. Z pohledu zákazníka prodejce zboží zašle až když mu dorazí platba, čímž se prodlužuje dodací lhůta a také je pro něj nemusí být pohodlné zadávat ve svém bankovnictví variabilní symboly, číslo účtu, částku, případně zprávu pro příjemce. Během zadávání těchto údajů může dojít k chybě či překlepu a platba se nezdaří. I po zaplacení zboží zákazníkem převod trvá až několik dní, má-li prodejce účet u jiné banky. Na druhou stranu zákazníci tuto metodu placení velmi dobře znají a využívají, zkrátka zvyk je železná košile. Z pohledu prodávajícího je právě znalost této metody u zákazníků důvodem proč by jí měl na svých internetových stránkách mít, k tomu přispívá i fakt, že zavedení tohoto způsobu placení je jednoduchou záležitostí. Bezpečnost při platbě je velká, garantuje ji banka a bankovní převod je v e-shopech zdarma. Pokud se při ručním zadávání údajů k platbě zákazník nesplete, je to velmi bezpečná forma platby. 4.3 Platební tlačítka Jedná se o vylepšení předchozího způsobu placení. V principu je to také převod z účtu na účet prováděný vždy v rámci stejné bankovní instituce. Platí se prostřednictvím rychlé platební brány kliknutím na tlačítko banky, ve které má zákazník založený účet. Posléze dojde k přesměrování do internetového bankovnictví, kde se stačí klasický přihlásit a po přihlášení jsou zde již veškeré údaje, které by se u běžného bankovního převodu musely vyplňovat ručně, předvyplněné. Stačí pouze potvrdit platbu autorizační SMS a zboží je zaplaceno. Díky předvyplněným údajům nehrozí překlepy a proces platby je mnohem rychlejší. Ani prodejce nepřijde zkrátka, protože platbu vidí okamžitě po jejím provedení a zboží tak může ihned odeslat. Vše je již předvyplněno, stačí pouze potvrdit platbu. Zákazník ovšem musí narazit na obchod, který nabízí tlačítko právě jeho banky. Online platební tlačítka nabízí většina velkých bankovních subjektů. Bezpečnost zajišťuje banka, obchod se k údajům nedostane. Tato platba je rychlejší a pohodlnější než běžný bankovní převod. Nevýhodou je nutnost uzavřít smlouvy s jednotlivými bankami, které jsou navíc podmíněné i existencí účtu v téže bance (jinak by platební tlačítko vzájemně ztrácelo smysl). To znamená další administrativu i náklady, anebo je potřeba využít jednoho z 52

53 agregátorů plateb, který by implementaci udělal místo e-shopu. Vzhledem k tomu, že se jedná o poměrně novou platební metodu, jí všechny banky nenabízí a pokud ano, pak internetová bankovnictví nemusí být správně optimalizována pro přístup z mobilních zařízení. [37] [41] 4.4 Platební brány Chtěl jsem provést jejich porovnání a vybrat nejlepší z nich, ale vzhledem k jejich nepřebernému množství bych do průzkumu nemohl zařadit všechny a to by nebylo objektivní. U většiny z nich se nedá vyčíst cena, k nalezení bývá pouze informace cena na vyžádání, protože ceny pro e-shopy stanovují individuálně podle výše obratu a až na základě něj vytváří cenové nabídky za správu brány, poplatky za transakce, případně za integraci. To jsou dva hlavní důvody, proč nemohu provést jejich objektivní srovnání a vyhodnocení. Vytvořím proto pouze stručný přehled nejznámější z nich. Platební bránu lze získat odesláním poptávky, na základě které je přepravena cenová nabídka na míru. Do poptávky se kromě klasických kontaktních údajů vyplňuje také IČ, WWW adresa e-shopu, předmět prodeje, měny ve kterých se budou přijímat platby a očekáváný měsíční objem plateb. Do několika dní přijde cenová nabídka, pokud je prodávajícím akceptována nastává fáze integrace. S programováním je možné začít ihned, protože dokumentace, respektive API bývá dostupné na internetových stránkách a není nutné čekat na finální vyjasnění ceny, nebo na reakci pokyn poskytovatele platební brány. Po úspěšné integraci se v testovacím prostředí ověří, zda platební brána funguje správně. Když je vše v pořádku přepne se do provozu a e-shop může začít s přijímáním skutečných plateb zákazníků PayPal PayPal je internetový platební systém založený v roce Sídlí v USA a umožňuje přesun peněz mezi účty PayPalu, které jsou identifikovány ovými adresami. Každá účet je propojen s jednou nebo více platebními kartami. Systém PayPal umožňuje mít nastavenu i českou korunu jako primární měnu. Při platbě v jiné měně je částka přepočítána podle aktuálního kurzu. 53

54 4.4.2 PayU PayU je globální poskytovatel online platebních řešení, jehož platební bránu využívá kolem 160 tisíc obchodníků v 16 zemích světa. Poplatek za integraci a správu brány je pouze na vyžádání. Vyúčtování je zdarma. PayU působí v EU a v Rusku GoPay GoPay je česká platební brána, která se na trhu pohybuje od roku V současnosti její služby využívá kolem 6,5 tisíc obchodníků. Integrace do e-shopu je zdarma, poplatek za zprávu brány je rovněž zdarma, ovšem s omezením měsíčního objemu plateb pod 15 tisíc Kč. Pokud je měsíční objem plateb vyšší než 15 tisíc Kč, je správa brány zpoplatněna částkou 190 Kč za měsíc. Poplatek za transakce činí 2,2 % + 3 Kč a za vyúčtování se platí 10 Kč. Tato platební brána působí v Česku a na Slovensku. 4.5 Platba kartou Placení kartou na internetu je stále oblíbenější. Je to způsobeno hlavně jednoduchostí a rychlostí platby i rostoucími bezpečnostními opatřeními, díky kterým patří placení kartou mezi nejbezpečnější metody placení na internetu vůbec. Při placení kartou online dojde k přesměrování zákazníka na platební bránu nebo na zabezpečenou stránku. Potom stačí vyplnit šestnáctimístné číslo karty, datum expirace a třímístný bezpečnostní kód, který se nachází na zadní straně karty. Po potvrzení je částka ihned zaplacena. Zprostředkovatelem platby je nejčastěji platební brána, banka, nebo karetní asociace. Zprostředkovatel předá informaci o platbě bance, která kartu vystavila a ta jí buď schválí, nebo zamítne. Informace o výsledku putuje zpět ke zprostředkovateli, který jí předá prodávajícímu, který na základě toho může vystavit objednávku. Za tuto transakci neplatí zákazník žádné poplatky, ty platí prodávající bance. Pozor je třeba dávat na serióznost a zabezpečení stránek e-shopu. Po přesměrování by platební brána, nebo zabezpečená stránka měla vždy na začátku adresy obsahovat je to protokol umožňující zabezpečenou komunikaci mezi klientem a serverem. Zabezpečené komunikace je dosaženo díky šifrování přenášených dat, která jsou chráněna před odposloucháváním nebo modifikací obsahu. Nezabezpečené HTTP spojení nezaručuje, že obsah, který se dostane do prohlížeče je skutečně obsahem, který vytvořila navštívená stránka a nezaručuje ani, že po cestě od webového serveru dané stránky k prohlížeči návštěvníka nebyl modifikován obsah stránky, který se v prohlížeči 54

55 návštěvníka zobrazí. Vše samozřejmě skrytě aniž by si návštěvník čehokoli všiml. Cílem modifikace může být např. získání osobních údajů za pomoci vloženého skriptu, který obsah formulářů odešle nejen originální stránce, ale také útočníkovi. Z těchto důvodu je dobré vždy po přesměrování zkontrolovat, zda zobrazená stránka obsahuje HTTPS. Pokud je na tam pouze HTTP, je lepší zvolit jiný způsob platby nebo jiný e-shop. Obezřetnost je namístě i v případě, kdy stránka do které se vkládají údaje o platební kartě, upozorňuje na neplatný certifikát. K ještě lepšímu zabezpečení internetových plateb u obchodníků slouží bezpečnostní protokol 3D Secure, který rozšiřuje proces ověřování o jednorázové heslo, zaslané při každé transakci na mobilní telefon zákazníka pomocí SMS, ten zadáním hesla platbu potvrdí. V dnešní době zabezpečení 3D Secure podporuje naprostá většina obchodníků v ČR i v Evropě. Obchodníky podporující toto zabezpečení lze poznat jednoduše. Na stránce kam se vkládají údaje o platební kartě, jsou umístěna následující loga. [41] Obrázek 11: Loga zabezpečení zabezpečení 3D Secure, zdroj [18] 4.6 Moderní platební metody Mezi moderní platební metodu bych zařadil supercash, která se vyznačuje placením v hotovosti za zboží zakoupené online, na terminálech společnosti Sazka nebo na pobočkách České pošty. Na terminálech či pobočkách stačí předložit čárový kód, který zákazník obdržel v průběhu objednávání, po naskenování obsluhou je platba provedena. Služby m-platba nebo Premium SMS zase umožňují platit drobnější částky pomocí mobilního telefonu. Globální platební služba Masterpass umožňuje bezpečné a pohodlné nakupování prostřednictvím mobilních digitálních peněženek a to nejden online, ale také v kamenných prodejnách. Je to obdobný způsob placení jako platební kartou založený na myšlence, že kartu člověk nemusí mít vždy u sebe, zatímco mobilní telefon má dnes u sebe téměř každý. Aplikace se jmenuje Masterpass AT CZ SK a je ke stažení v Google Play či v App Store. 55

56 Velké popularitě se těší i internetová kryptoměna bitcoin a lze sledovat trend, kdy se tato měna pozvolna rozšiřuje z internetového světa do toho reálného. Platit bitcoinem lze už i v některých kamenných obchodech. Zavedení platby bitcoinem je určitě něco navíc, co přitáhne zákazníky, kteří nakoupí právě z důvodu, aby si platbu bitcoinem vyzkoušeli. Informace o možnosti platbou bitcoinem se pak velmi rychle rozšíří i mezi ostatní, mohla by to tedy být nejen zajímavá platební metoda, ale také marketing. Co se týče zákonu, zatím není žádný, který by dokázal bitcoiny legislativně uchopit. O krok napřed je v tomto směru Německo, kde už vzešlo oficiální prohlášení, že bitcoiny jsou brány jako alternativní měna a příjmy z nich se musí danit. Dá se očekávat, že podobná situace nastane také v Česku, poté až se bitcoiny více rozšíří. Některé země k bitcoinům přistoupili zcela opačně, např. Rusko prohlásilo bitcoin za nelegální platidlo. [38] [41] 4.7 Nejpoužívanější platební metody na českém internetu Na závěr této kapitoly přikládám tabulku, obsahující procentuální podíl používaných platebních metod na českém internetu, která bude mít zřejmě největší vypovídací hodnotu při rozhodování kterou platební metodu pro svůj e-shop zvolit. Podařilo se mi ze dvou zdrojů [39] [40] sestavit tabulku obsahující údaje za poslední tři roky 2014, 2015 a Tabulka 2: Podíl platebních metod na českém internetu Typ platby rok 2014 rok 2015 rok 2016 Dobírka 39 % 38 % 35 % Platba při převzetí 29 % 29 % 28 % Online platba kartou 9 % 13 % 17 % Bankovní převod 10 % 9 % 9 % Platební tlačítko (rychlý bankovní převod) 7 % 8 % 8 % Splátky 4 % 2 % 2 % PayPal a jiné 2 % 1 % 1 % Češi milují online nakupování, což je známý fakt. Interpretací tabulky lze dojít k závěru, že co se platebních metod týče, tak Češi stále nejvíce nakupují postaru. Prvenství v platbách na internetu si stále drží pro Čechy tolik typická dobírka, kterou využívá 35 % zákazníků. Zatímco oblíbenost dobírky v roce 2015 zaznamenala oproti roku předchozímu pouze mírný pokles. Při porovnání roku 2016 a 2015 je již vidět, že dobírka začíná mít na ústupu. Mírný pokles lze zaznamenat také u platby při převzetí. Lze pozorovat velký nárůst oblíbenosti platby kartou, což je hlavní příčinou ustupující dobírky a poklesu platby při převzetí. Češi a především mladší generace se přestává bát platit kartou a spolu s tím jak 56

57 roste nabídka platby kartou v e-shopech, roste také její obliba u zákazníků, kteří si zvykli nakupovat častěji a v menším množství, díky čemu raději volí pohodlnější způsob platby a možnost ušetřit peníze na poštovném. Online platba kartou v roce 2016 sílí, zatímco obliba dobírky klesá a tento trend se dá očekávat také v roce příštím. Můj závěr v souvislosti s výběrem vhodných platebních metod pro e-shop je následující. I když obliba dobírky pozvolna klesá, je stále nejoblíbenější metodou platby s podílem 35 % a bylo by proto chybou jí na svém e-shopu nenabídnout, navíc její realizace je velmi jednoduchá. Dalším logickým krokem je druhá nejoblíbenější platba při převzetí. Nebudu mít žádnou kamennou prodejnu, kde by se dalo zboží vyzvednout, ale nebyl by problém zařídit vyzvednutí a platbu na adrese mého bydliště, předpokládám, že zdarma. V takovém případě bych ale přijímal platby v hotovosti a ty spadjí pod EET, takže tuto metodu nemohu použít. Online platba kartou v roce 2016 jako jediná posílila a to velmi výrazně, navíc lze očekávat další růst a tak se její využití v e-shopu přímo nabízí. Bohužel rovněž spadá pod EET a tak budu muset od její realizace upustit. Na čtvrtém místě je bankovní převod s podílem 9 %, který pod EET nespadá a tak jej mohu použít, stejně tak 8% podíl při platbě platebním tlačítkem. Splátky vůbec neuvažuji a dále z tabulky jasně vyplývá, že platby elektronickými peněženkami u českých zákazníků příliš oblíbené nejsou. Můj závěr tedy je velmi tradiční: dobírka, platba bankovním převodem, zvážím i platební tlačítka. 57

58 5 Návrh a realizace aplikace z oblasti e-komerce V této kapitole vytvořím základní návrh aplikace pomocí jazyka UML a nakreslení vybraných diagramů. Dále se zaměřím na vizi celého e-shopu, kterou jsem si vytvořil převážně na základě osobních zkušeností s nákupy v jiných e-shopech. Vysvětlím, co se mi na nich nelíbilo, proč to bylo špatně a pokusím se to udělat lépe. Zvolím si realizaci vlastními silami, kterou si ulehčím využitím responzivní šablony, vytvořím objednávkové formuláře, zprovozním zasílání objednávek na y a přesměrování na děkovací stránku, kterou si rovněž vytvořím, stejně tak stránku chybovou 404. Celou stránku zoptimalizuji pro vyhledávače a krátce se zmíním i o problematice spamu. 5.1 Návrh v modelovacím jazyce UML Specifikace Cílem aplikace je umožnit zákazníkům zakoupit si dané zboží. Jedná se o webovou aplikaci, tzv. e-shop, jehož smyslem je co největší jednoduchost, jak po stránce designové, tak po stránce funkcionální. Minimalizovalo se vše nepotřebné za účelem zkrácení objednacího procesu na minimum (absence zbytečných kroků směřujících k objednávce například povinná registrace, zobrazení cen za poštovné až po vyplnění osobních údajů, oddělení ceny za dopravu za platbu apod.). E-shop je specifický v tom, že je tzv. one page a zároveň one product. Prodává tedy pouze jeden druh zboží a objednávku lze vytvořit hned na úvodní stránce. Z důvodu prodeje pouze jednoho druhu zboží není potřeba nákupního košíku. Protože se nejedná o prodej spotřebního zboží, nepředpokládá se ani opakovaný nákup a registrace je tedy zbytečná. Zákazník si vybere pouze počet kusů, způsob platby a dopravy, kde má na výběr mezi: - platbou na účet - dobírkou Doprava je realizována prostřednictvím České pošty. Pokud je vybrán způsob platba na účet, prodejce počká na připsání peněz na bankovní účet a poté se zboží odešle. Pokud není částka připsána do 5 dnů, má se za to, že zákazník o dané zboží nemá již zájem a objednávka je stornována. V případě platby dobírkou je možné zboží ihned odeslat a počkat až si zákazník zboží převezme. Pokud tam neučiní a zboží nepřevezme, označí se 58

59 objednávka jako nezaplacená. Při objednávce uživatel vyplňuje následující údaje, které jsou povinné: jméno, příjmení, , telefonní číslo, ulice, město, PSČ. Volitelně je možno vyplnit také údaj pojmenovaný zpráva, který slouží jako poznámka pro upřesnění objednávky, kde zákazník může napsat: do jakého data potřebuje zboží doručit, nebo upřesnit požadavky na velikost apod. Po vyplnění těchto údajů je možné zboží objednat. Pokud jsou údaje vyplněny správně, zobrazí se přehled objednávky s instrukcemi jak zaplatit (instrukce se zobrazí vždy pouze na základě zvoleného typu platby a přepravy znamená, že se v případě výběru platbou na účet zobrazí pouze instrukce k platbě na účet a další již ne). Zákazníkovi po odeslání objednávky přijde také , který bude obsahovat stejné informace jako přehled objednávky + vygenerovaný variabilní symbol, (číslo objednávky), dále informace o ceně za dopravu a zboží. Tento přijde také prodejci. Uživatelé aplikace jsou dva: Zákazník a Prodejce. Toto jsou aktéři. Zákazník má kromě objednání zboží také možnost přečíst si obchodní podmínky, případně přejít na facebookovou stránku pomocí odkazu na webu. Objednávky se budou ukládat do databáze a prodejce bude moct tyto objednávky spravovat (vytvářen nové, editovat a mazat stávající). I když mazání se příliš používat nebude, spíš se pouze nastaví vhodný stav objednávky, např. storno, zaplaceno, odesláno apod. Instalaci a spuštění systému bude mít na starost Prodejce stejně tak aktualizaci a celkovou správu, bude tedy vystupovat také v roli webového Admina. Admin je třetím aktérem. Samotná aplikace bude vytvořena kombinací několika jazyků HTML, CSS, PHP, Javascript a MySQL Slovník pojmů (glosář) Tabulka 3: Slovník pojmů (UML) Pojem Definice Člověk, který má zájem o dané zboží a vytváří objednávku. zákazník prodejce informace Synonyma: kupující, klient Homonyma: žádná Je to člověk, provozující internetový obchod, který zároveň provádí jeho administraci jako aktualizaci informací nebo správu objednávek. Synonyma: obchodník Homonyma: žádná Data, kterým je přiřazen význam. 59

60 Synonyma: údaje Homonyma: žádná Webová aplikace pro prodej zboží. e-shop zboží databáze Synonyma: mini-eshop, web, webová aplikace, internetová stránka Homonyma: žádná Samotný předmět prodeje. Synonyma: produkt Homonyma: žádná Je tím myšlena MySQL databáze do které se ukládají informace o jednotlivých objednávkách. Synonyma: žádná Homonyma: žádná Seznam aktérů Tabulka 4: Seznam aktérů (UML) ID název aktéra stručný popis A1 zákazník Člověk, který provádí objednávku zboží. A2 A3 prodejce admin Je to člověk, provozující internetový obchod, který vyřizuje objednávky a provádí jejich správu. Osoba, která provádí administraci internetového obchodu. Admin je zodpovědný za aktuálnost informací, obchodních podmínek nebo změnu vzhledu apod. Taky je zodpovědný za nasazení a provoz systému Seznam požadavků Tabulka 5: Seznam požadavků (UML) ID stručný popis typ priorita R1 Aplikace umožní zákazníkovi objednat si zboží funkční M R2 Prodejce bude mít možnost spravovat objednávky vytvářet, editovat, vyhledávat, mazat funkční M R3 Aplikace bude podporovat propojení eshopu s facebookovou stránkou funkční S R4 Aplikace umožní zákazníkovi zobrazit obchodní podmínky funkční S R5 Bude se jednat o aplikaci běžící na webu nefunkční M 60

61 R6 R7 Aplikace bude zabezpečena před neoprávněným přístupem do databáze objednávek Aplikace umožní odeslat o uskutečněné objednávce zákazníkovi a také prodejci, aby každá strana věděla co kdy, kdo a za kolik objednal. funkční funkční R8 Aplikace umožní tisk faktur funkční M R9 Aplikace bude v provozu 24/7 nefunkční M R10 R11 Aplikace bude vytvořena kombinací několika jazyků: PHP, MySQL, JavaScript Bude možno aktualizovat informace o ceně, obchodních podmínkách, měnit vzhled webu apod. po přihlášení na webhosting nefunkční funkční R12 Aplikace umožní zpracovat peněžní platbu funkční M R13 Odeslání zboží funkční M Seznam případů užití Tabulka 6: Seznam případů užití (UML) ID název stručný popis aktér UC1 ZobrazitOP Zobrazí obchodní podmínky. zakaznik UC2 UC3 UC4 UC5 UC6 SmazatObjednavku VyhledatObjednavku EditovatObjednavku VytvoritObjednavkuProdejcem OtevritFacebookStranku Smaže objednávku z databáze objednávek. Vyhledá objednávku na základě čísla objednávky, když jí například budeme chtít editovat. Umožní změnu údajů v objednávce, například při neúplně zadané adrese, je možné jí opravit. Možnost vytvořit objednávku má kromě zákazníka také prodejce v případě, že někdo objedná jinak než přes web, např. po telefonu. Zobrazí se facebooková stránka, která je provázána s internetovým obchodem M M M M prodejce prodejce prodejce prodejce zakaznik UC7 DatLike Dát tzv. To se mi líbí. zakaznik UC8 UC9 TisknoutFakturu AktualizovatInformaceNaWebu UC10 PrihlasitNaWebhosting UC11 PrihlasitDoSystemu Umožní prodejci vytisknout fakturu vygenerovanou na základě informací z objednávky. Admin se stará o aktuálnost informací na webu. Umožní přihlásit se na webhosting, aby bylo možné provést aktualizaci informací na webu. Umožní přihlášení do administrace, ve které lze spravovat objednávky a tisknout faktury. prodejce admin admin prodejce 61

62 UC12 PrijmoutPlatbu Umožní přijmout platbu. prodejce UC13 ZaplatitZaZbozi Umožní zákazníkovi zaplatit za koupené zboží. zakaznik UC14 OdeslatZbozi Prodejce odešle zboží zákazníkovi. prodejce UC15 PrevzitZbozi UC16 OdeslatInformativni UC17 VytvoritObjednavkuZakaznikem Zákazník převezme zboží odeslané prodejcem. Při procesu vytvoření objednávky zákazníkem dojde k odeslání u pro zákazníka i pro prodejce s informací o uskutečněné objednávce. Umožní zákazníkovi objednat si zboží, tedy vytvořit objednávku. zakaznik zakaznik zakaznik Tabulka mapování požadavků na případy užití Tabulka 7: Tabulka mapování požadavků na případy užití (UML) R1 R2 R3 R4 R5 R6 R7 R8 R9 R10 R11 R12 R13 UC1 X UC2 UC3 UC4 UC5 X X X X UC6 UC7 X X UC8 X UC9 UC10 X X UC11 X UC12 UC13 X X UC14 UC15 X X UC16 X UC17 X R5, R9, R10 = nefunkční požadavky 62

63 5.1.7 Scénáře Tabulka 8: Scénář vytvoření objednávky zákazníkem (UML) UC17: VytvoritObjednavkuZakaznikem Stručný popis: Dojde k vytvoření objednávky. Hlavní aktéři: zákazník Vedlejší aktéři: Vstupní podmínky: - funkční připojení k internetu - správně zadaná URL stránka Následné podmínky: Zákazník vytvořil objednávku zboží. Hlavní scénář: 1. Zákazník chce objednat zboží, use case začíná kliknutím na tlačítko Koupit 2. Systém nabídne možnost vyplnit kontaktní údaje zákazníka, zadat počet kusů a vybrat způsob dopravy 3. <include> VerifikovatUdaje 4. POKUD jsou údaje zadány správně, tak je objednávka zaevidována do systému 5. Systém odešle informativní o úspěšném vytvoření objednávky 63

64 Stručný popis: Hlavní aktéři: Vedlejší aktéři: Vstupní podmínky: Následné podmínky: Hlavní scénář: Tabulka 9: Scénář přihlášení do systému (UML) UC11: PrihlasitDoSystemu Umožní přihlášení do administrace, ve které lze spravovat objednávky a tisknout faktury. Prodejce - funkční připojení k internetu - správně zadaná URL stránka Prodejce se dostal do administrace webu 1. Prodejce chce vstoupit do administrace webu, use case začíná zadáním správné URL stránky pro administraci webu 2. Systém nabídne možnost vyplnit uživatelské jméno a heslo pro ověření přístupu 3. <include> VerifikovatUdaje 4. POKUD jsou zadané údaje vyplněny správně, systém přihlásí uživatele 64

65 Tabulka 10: Scénář vyhledání objednávky (UML) Stručný popis: Hlavní aktéři: Vedlejší aktéři: Vstupní podmínky: Následné podmínky: Hlavní scénář: UC3: VyhledatObjednavku Vyhledá objednávku na základě čísla objednávky, když jí například budeme chtít editovat. Prodejce - funkční připojení k internetu - správně zadaná URL stránka Prodejce nalezl hledanou objednávku 1. <include> PrihlasitDoSystemu 2. Uživatel zadá číslo objednávky 3. Systém najde Objednávku, která odpovídá kritériím, které zadal Prodejce. 4. POKUD systém objednávku najde 4.1. Zobrazí vyhledanou objednávku 5. POKUD systém objednávku nenalezne 5.1. Uživatel je informován o tom, že objednávka nebyla nalezena Stručný popis: lavní aktéři: Vedlejší aktéři: Vstupní podmínky: Následné podmínky: Hlavní scénář: Tabulka 11: Scénář editace objednávky (UML) UC4: EditovatObjednavku Umožní upravit údaje v objednávce prodejce - funkční připojení k internetu - správně zadaná URL stránka Prodejce nalezl hledanou objednávku 1. <include> PrihlasitDoSystemu 2. <include> VyhledatObjednavku 3. Systém zobrazí údaje o objednávce 4. Prodejce změní údaje v objednávce 5. <inlcude> VerifikovatUdaje 6. POKUD jsou vyplněné údaje správné, tak se editovaná objednávka uloží do systému 65

66 Tabulka 12: Scénář smazání objednávky (UML) Stručný popis: Hlavní aktéři: Vedlejší aktéři: Vstupní podmínky: Následné podmínky: Hlavní scénář: UC2: SmazatObjednavku Umožní vymazat objednávku prodejce - funkční připojení k internetu - správně zadaná URL stránka Prodejce nalezl hledanou objednávku 1. <include> PrihlasitDoSystemu 2. <include> VyhledatObjednavku 3. Systém zobrazí údaje o objednávce 4. Prodejce vymaže objednávku Tabulka 13: Scénář verifikace údajů (UML) Stručný popis: Hlavní aktéři: Vedlejší aktéři: Vstupní podmínky: Následné podmínky: Hlavní scénář: VerifikovatUdaje Umožní verifikovat zadané údaje systém zakaznik, prodejce - funkční připojení k internetu - správně zadaná URL stránka Prodejce nalezl hledanou objednávku 1. Systém zkontroluje správnost vyplněných údajů 2. DOKUD nejsou vyplněné všechny údaje správně, systém upozorní uživatele, aby zadal správné údaje 66

67 5.1.8 Vybrané UML diagramy Obrázek 12: Diagram případů užití (UML) 67

68 Obrázek 13: Diagram tříd (UML) Obrázek 14: Stavový diagram - stavy objednávek (UML) 68

69 Obrázek 15: Aktivitní diagram - platba dobírkou (UML) 69

70 Obrázek 16: Diagram balíčků (UML) 70

71 5.2 Základní vize Než jsem si vytvořil ucelenou představu o tom, jak by měl můj e-shop vypadat, musel jsem se na okamžik vcítit do kůže zákazníka. Zapřemýšlet nad e-shopy, které jsem dříve navštívil a nad tím, co mi na nich vadilo, případně vadilo natolik, že jsem objednávku nedokončil a obchod raději opustil. 1) Nalezl jsem přesně to, co jsem potřeboval za přijatelnou cenu, ale nikde jsem se nedočetl, kolik zaplatím za dopravu, případně platbu a jaké způsoby dopravy a platby e-shop nabízí. Tyto informace nebyly nikde viditelně umístěny a snaha o jejich zjištění znamenala projít si všemi kroky nákupního košíku, od zadání množství po vyplnění dodací adresy, vyplnění fakturační adresy. Informaci, kterou bych potřeboval znát na začátku, jsem se dozvěděl až na konci. Pokud mi nabídka nevyhovovala nebo byla cena přemrštěná, zbytečně jsem ztratil svůj čas. Toto je nejčastější důvod mého odchodu. Špatně je jednak neinformování o ceně a způsobu dopravy a platby předem. Jako ideální bych viděl trvalé umístění těchto informací někam do sloupečku na hlavní stránku. Dále se mi nelíbí zbytečně moc kroků v nákupním košíku a samotné krokování. Pro zákazníka je mnohem jednodušší a přehlednější vidět všechny kroky objednávky na jedné stránce. 2) Nemám rád povinné registrace. I když jsem si byl 100 % jistý o jednorázovém nákupu a žádný další nákup nepředpokládal, e-shop trval na povinné registraci (vytvoření uživatelského účtu). Nutnost se registrovat před provedením objednávky byla dříve zažitou praxí, dnes to považuji spíše za přežitek. Bez násilného vyžadování registrace by e-shop mohl mít mnohem více zákazníku. Na prvním místě by měl být vždy zákazník a jeho pohodlí. 3) Nepřehlednost, přeplácanost, použití mnoha vzájemně nedoplňujících se barev, mnoho gif obrázků blikajících ze všech stran nebo použití nadměrného množství fontů, většinou bez diakritiky. Neintuitivnost, záměrná snaha jít proti zavedeným konvencím. Určité rozmístění prvků, kterými jsou košík, vyhledávací pole, nebo kontakt na e-shop. Tyto prvky člověk intuitivně očekává na určitých místech a jejich umístění by nemělo být atypické. Hledat na stránce košík nebo kontakt nákup nezpříjemní. Toto je jasnou známkou neprofesionality a v těchto chvílích přestávám, věřit, že by mi případné objednané zboží vůbec dorazilo. 4) Nepřizpůsobení obsahu velikosti displeje. Návštěvy e-shopu z mobilních zařízení se neustále zvyšují a kdo není responzivní, ten má konkurenční nevýhodu. Na základě výše popsaného jsem si vytvořil představu jednoduchého produktového e- shopu, jehož hlavním cílem bude nabídnout produkt k objednání. Důraz bude kladen na maximální minimalizmus celého řešení, který bude zcela účelový a ve výsledku přinese 71

72 pouze výhody. Předmětem prodeje bude pouze jeden produkt, proč tedy rovnou nevytvořit e-shop obsahující pouhou jednu stránku, tzv. one page - one product? S každým dalším krokem, který uživatel udělá, se zvyšuje riziko, že pro něj bude krokem posledním. Toto svádí k vytvoření co nejjednoduššího nákupního košíku, ale u jednoho produktu si mohu dovolit ještě víc a to nákupní košík zcela zrušit, postačí pouhý formulář pro vytvoření objednávky. Čím dříve se zákazník k nákupu dostane, tím lépe! U takovéhoto typu produktu nepředpokládám opakující se nákupy, odpadá tedy otravná povinnost registrace. Produkt je černo-bílý, proč se tím neinspirovat a hodit za hlavu vymýšlení vhodných kombinací barev e-shop bude černo-bílý. Stejná barva produktu a e-shopu navíc pomůže vytvořit jednotný styl celku, který se může využít pří návrhů dalších propagačních materiálů. Černobílý e-shop, černobílý-produkt, černo-bílá vizitka, černo-bílé logo, černobílé-všechno. Chci maximálně podpořit různorodost zařízení, kterými budou zákazníci na e-shop přistupovat a nabídnout jim co nejlepší zobrazení tedy responzivní web design. Jedno produktový prodej má jednoznačnou výhodu v možnosti vše podřídit prodávanému produktu. Uzpůsobit podle něj design stránky, zvolit podle něj doménu, použít mnoho klíčových slov a v případě malé konkurence se snadno dostat na první pozice ve výsledcích vyhledávání. Z důvodu již vytvořené facebookové stránky chci realizovat jejich vzájemné propojení. E-shop bude odkazovat na facebookovou stránku pomocí tlačítka To se mi líbí, naopak facebooková stránka odkazovat na e-shop pomocí tlačítka Koupit. Hledal jsem nějakou výzvu, na které bych se mohl naučit nové věci, proto jsem se rozhodl realizovat svou vizi co možná nejvíce vlastními silami a neutratit za řešení ani korunu, nebudu-li počítat cenu za doménu a webhosting. Shrnutí: - minimalismus celého řešení - objednávkový formulář místo košíku - žádná povinná registrace - čistý černo-bílý design - snaha o co nejlepší SEO - propojení se sociální sítí Facebook - neutratit ani korunu - co největší podíl vlastní práce 72

73 5.3 Vybraný způsob realizace Jelikož jsem si stanovil nulový rozpočet a co největší míru vlastního zapojení, rovnou jsem zavrhl možnost nechat si vyrobit e-shop na míru. Hledal jsem tedy mezi open source e- shopovými systémy ale pro můj účel byly zbytečně moc robustní a většinu funkcí bych vůbec nevyužil. Když už se mi podařilo nalézt něco, co by se dalo použít, pak to bylo vždy v kategorii placených. Rozhodl jsem se tedy pro cestu vlastní tvorby, abych nezačínal úplně s čistým štítem, zaměřil jsem se na hledání vhodné responzivní stránky, která by mi poskytla základní kostru, kterou si upravím podle svých potřeb a přidám potřebnou funkcionalitu. Jako základ jsem využil jednu z Bootstrap šablon která byla licenčně volně k použití a to i pro komerční účely. Jednalo se o čistě statickou responzivní stránku, bylo tedy nutné přizpůsobit vzhled svým potřebám, předělat vše do černo-bílé barevné kombinace, vyřešit obsahovou stránku, vytvořit popis produktu, nahrát obrázky, vytvořit a nahrát logo, upravit font tak aby podporoval české znaky, přidat vyskakovací okno s obchodními podmínkami a vytvořit objednávkový formulář. K tomuto všemu jsem využil pouze HTML a CSS. Aby byl formulář funkční, tj. uměl pohlídat správnost zadávaných údajů, uměl tyto údaje zpracovat, vygenerovat číslo objednávky a vytvořit s objednávkou je již zapotřebí PHP, protože toto je již dynamický část tvorby stránek. s objednávkou bude automaticky zaslán zákazníkovi za účelem stálého přehledu o vytvořené objednávce. U provozovatele, aby věděl komu co, kam a za kolik odeslat. K vypočítání celkové ceny za objednávku, která je součtem ceny za počet kusů a ceny za zvolený způsob dopravy jsem využil JavaScript. 5.4 XAMPP V konečné fázi se bude web nahrávat na webhosting, který by měl splňovat řadu parametrů a podporovat potřebné programovací jazyky (PHP, Javascript), případně databáze (MySQL). Aby se stránky nemusely ladit na webhostingu, kde je to velmi nepohodlné, protože zde nejsou k dispozici potřebné vývojářské programy, je žádoucí vytvořit si domácí server z obyčejného PC. K tomuto účelu se výborně hodí balíček XAMPP obsahující instalace MySQL databáze a webserver Apache a programovací jazyk PHP. Pokud jsou tyto technologie provozovány pod Windows, používá se pro ně zkratka 73

74 WAMP, v případě jejich provozování pod operačním systémem Linux, jsou pak označovány zkratkou LAMP. Balíček XAMPP je ke stažení z oficiálního webu I přes jednoduchost instalace se mi po jejím dokončení aplikaci nedařilo spustit, příčinou problému byla aplikace Skype, která využívá port 80, který jí nepatří. Řešením je Skype přenastavit na jiný port, nebo Skype ukončit a až poté spustit Apache. Po spuštění stačí pouze zapnut požadované služby (moduly), které se budou využívat. Jako základ postačí zapnout Apache tlačítkem Start. C:\xampp\htdocs\slozka_s_nazvem_projektu je výchozí složkou pro soubory, které by se jinak nahrávaly na webserver. K nahraným souborům se přistupuje z webového prohlížeče zadáním adresy Pokud složka obsahuje soubory index.html, nebo index.php, je stránka automaticky načtena a není nutné zadávat celou adresu s odkazem na konkrétní soubor. Úpravy v souborech na přímo na komerčním webserveru, ke kterým se dá jednoduše připojit přes FTP, jsou možné, ale nedoporučuji to z důvodu velmi primitivních editorů, které se na nich používají. Tyto editory nezvýrazňují tagy a formátování textu je odlišné v porovnání se soubory otevřenými v lokálně nainstalovaných vývojových programech. Úpravy přímo na komerčním serveru by mohly vést k nechtěnému vytvoření dalších chyb z důvodu špatně zvýrazněného kódu. Pro psaní PHP jsem použil mě dobře známý Notepad++, ale lepší variantou je použití chytřejšího IDE, například NetBeans. 5.5 Tvorba objednávkového formuláře Ze všeho nejdřív je potřeba ujasnit si jaké informace budu od zákazníků požadovat k vyplnění a která pole budou povinná. Standardizovat si formát zadávaných informací a určit maximální počet znaků. Produkt se bude zasílat poštou, proto potřebuji znát jméno adresáta, jeho adresu, počet objednaných kusů, vybraný způsob dopravy a celkovou cenu (nejsem plátce DPH a proto cenu s ani bez DPH nebudu řešit). Vhodné je zákazníkovi poskytnout nějaký prostor navíc, kde by mohl sdělit své dodatečné požadavky, který se může pojmenovat jako komentář, nebo zpráva. Myslím, že takového formuláře rád využije ve chvíli, kdy bude požadovat zaslání produktu do konkrétního data, doplnit nějakou poznámku obecného charakteru, apod. Zvažoval jsem i umístění pole pro vyplnění státu, kde by byly na výběr pouze dvě země a to Česká republika a Slovensko. Jako nejčastěji 74

75 preferovaný způsob platby očekávám dobírku. Mám ale obavu o její zneužívání, z toho důvodů jsem se rozhodl pole pro výběr státu do formuláře neumístit a soustředit se primárně na ČR. Důvodem je to, že při nevyzvednuté dobírce, která byla adresovaná zákazníkovi do ČR, Česká pošta odesílateli navrací část vynaložených nákladů za neuskutečněnou dobírku. V mém případě se jedná o zhruba 35 % z částky, kterou jsem za poštovné zaplatil. Není to moc, ale alespoň něco. Při posílání do zahraničí pošta nevrací nic. Pro jméno a příjmení je vhodnější vytvořit samostatná pole, obecně je vše lepší dělit na co nejmenší části. U ulice jsem se rozhodl udělat výjimku a ponechat pouze jedno pole, protože v případě rozdělení bych získal pole tři pro název ulice, číslo popisné, číslo orientační. Z pohledu zákazníka mi přišlo mnohem jednodušší toto vypisovat pouze do pole jednoho a navíc celkový formulář díky tomu nebude zbytečně dlouhý. Stejně jsem postupoval také u dopravy a platby, kde jsem výběr sloučil do jediného pole. Formuláře vytvořím pomocí nejnovějšího jazyka HTML5, který byl vydán 28. Října 2014 a nahradil předchozí verzi HTML4 z roku HTML5 obsahuje mnoho podstatných změn, více se zaměřilo na sémantiku webových stránek a zvýšení přehlednosti zdrojového kódu, díky čemuž se zkracuje čas na vývoj. Důležitou změnou v souvislosti s formuláři jsou nové atributy vstupních polí. HTML5 sice zachovalo tag <input>, který umožňuje uživateli vkládat data, ale její parametr type, který určuje výslednou podobu, byl rozšířen o nové možnosti, kterými jsou: - tel zadání telefonního čísla včetně ověření, zda je formát správný - search vyhledávací pole - url adresa URL - zadání ové adresy včetně ověření, zda je formát správný - datetime zadání data a času s ohledem na časová pásma - date zadání data - month zadání měsíce - week zadání týdne - time zadání času - datetime-local zadání data a času bez ohledu na časová pásma - number zadání čísla - range výběr číselné hodnoty z rozsahu, který se nastaví vlastnosti min a max - color výběr barvy včetně převedení do textového formátu [4] [42] 75

76 Některé z těchto nových parametrů se budou výborně hodit, díky jejich použití se zjednoduší zdrojový kód a já nebudu muset například u parametru složitě vymýšlet ověření, zda obsahuje oddělení tečkami na očekávaných místech či nadbytečné mezery. Pokud zadaná hodnota nesplňuje požadovaný formát, zobrazí se v prohlížeči chybová hláška, kterou je samozřejmě možné si přizpůsobit a napsat si vlastní pomocí parametru required title. Parametr tel je formát telefonních čísel, které se mohou zadávat různě, takže na rozdíl od parametru nevynucuje žádnou speciální syntaxi, jen omezuje zadávané znaky na čísla a symbol +. Zmínil jsem výhody přinášející usnadnění vývoje a jednodušší kód, ale má to ještě jednu velkou výhodu pro uživatele dotykových zařízení. Díky HTML5 a použití nových parametrů pro vstupy se klávesnice na dotykových zařízeních automaticky přizpůsobí vstupnímu poli. Při zadávání telefonního čísla se zobrazí klávesnice obsahující čísla a znak +, u textu písmena a u u nebude chybět apod. U formuláře pro napsání zprávy se očekává možnost zadání více slov, případně vět, proto použiji vstupní pole textarea. V HTML5 přibyl u tagu textarea nově parametr pro maximální počet znaků. [4][42] U výběru počtu kusů se mi příliš nezamlouvala představa obyčejného textového pole, do kterého by zákazník musel psát čísla. Předpokládám, že nejčastěji se bude objednávat jeden kus, do textového pole by se tady mohla dát výchozí hodnota 1. Kdyby chtěl zákazník více kusů, musel by výchozí hodnotu přepsat, což není příliš pohodlné, ale toto by šlo vyřešit smazáním výchozí hodnoty ve chvíli, kdy na pole klikne. Zejména u dotekových zařízení může snadno dojít k přepsání, například místo čísla 2 dojde omylem k napsání čísla 22. Abych eliminoval překlepy, rozhodl jsem se zavést omezení na maximální počet kusů, které lze během jedné objednávky objednat a to na 10. Zároveň místo klasického pole použít výběrové pole (drop-down menu), kde výchozí hodnotou bude číslo 1 (1 kus). Výběr z více možností zajistí HTML tag select. Omezení na maximální počet kusů elimituje riziko přepsání, nebudu muset řešit podezřelé objednávky na 137 kusů nebo mít pochybnosti u objednávek na 11 kusů u kterých mohlo dojít k přepsání, ale také nemuselo. Zároveň budu mít jistotu toho, že objednávku s omezením na počet kusů vždy bez problému zabalím a nebudu muset shánět extra krabici navíc. 76

77 Výběr z více možností jsem využil také u výběru dopravy a platby. Doprava bude vždy Českou poštou a platba bude buď dobírkou, nebo platbou předem na účet. V tomto případě by nemělo smysl rozdělení na výběry pro dopravy a zvlášť pro platbu. Vzhledem k tomu, že způsob dopravy je pouze jeden, sloučil jsem je dohromady. U všech ostatních polí jsem použil vstup s parametrem text, kde jsem pouze upravil délku maximálního počtu zadaných znaků, nebo zakázal použití některých symbolů (např. u PSČ očekávám pouze číslo o pěti znacích). Ke kontrole vyplnění jednotlivých polí slouží isset. Pokud proměnná obsahuje hodnotu, isset vrátí true. I když je u formulářů napsáno co se má do nich napsat, nedá se na to nikdy spolehnout. Uživatel si tak může do pole napsat cokoliv Ať už je příčinou omyl, nebo záměr. Zadaná data mohou vypadat jinak, než jak se očekává a proto jsou data přijatá od uživatele vždy považována za nedůvěryhodné. Nelze se spolehnout na JavaScriptové kontroly, protože návštěvník může mít JavaScript vypnutý, nebo kontrolu nějak obejít. JavaScriptové kontroly slouží pouze pro komfort návštěvníka (na chybu je upozorněn hned a ne až po kliknutí na tlačítko ODESLAT), ale správnost dat se musí pohlídat přímo v PHP na straně serveru. Zákazník by měl samozřejmě vidět celkovou cenu objednávky, dříve, než stiskne tlačítko OBJEDNAT, aby věděl, kolik peněz utratí. Výpočet by měl probíhat okamžitě bez nutnosti aktualizace stránky. I když jsem chtěl použít pouze HTML, CSS a PHP. V tomto případě bylo nutné sáhnout po javascriptu se kterým jsem měl do té doby nulové zkušenosti. Po přečtení několika návodů se mi podařilo dosáhnout požadovaného výsledku a zapracovat do něj následující primitivní vzorec: celková cena objednávky = počet kusů * cena za kus + cena za vybraný způsob dopravy Pro přehlednost přikládám tabulku obsahující názvy vstupních polí, povinnost jejich vyplnění, maximální počty znaků a použitý typ vstupu (použitý HTML5 tag). 77

78 název pole Tabulka 14: Nastavení vstupních polí ve formuláři povinné pole Tag Jméno ano <input type="text" 30 Příjmení ano <input type="text" 30 ano <input type=" " 30 Telefon ano <input type="tel" 16 Ulice ano <input type="text" 30 Město ano <input type="text" 30 PSČ ano <input type="text" 5 Zpráva ne <textarea rows="2" 255 max. počet znaků / max. možností výběru Počet kusů ano <select 10 možností výběru Doprava a Platba ano <select 3 možnosti výběru Obrázek 17: Dotyková klávesnice, která se přizpůsobuje typu vstupního pole 78

79 5.6 Zpracování zadaných údajů Mám vytvořený formulář s ošetřenými vstupy, kde se u odlišných typů vstupů na dotykovém displeji zobrazí adekvátní klávesnice pro pohodlnější zadávání údajů. Formulář umí počítat, takže má zákazník možnost vidět celkovou cenu objednávky, před tím než objednávku vytvoří. Nyní přichází na řadu zpracování zadaných údajů a to takovým způsobem, aby zadané údaje byly poslány na můj a zákazníka, který na sebe zanechal při vyplňování formuláře. Formulář má atribut action pro určení adresy, kam se mají data odeslat. Zde se vyplní adresa PHP skriptu, který bude s daty pracovat. K předání dat tomuto skriptu dojde ve chvíli odeslání formuláře. Formulář má také atribut method, který určuje způsob odeslání dat. Pro odeslání dat z formuláře existují v PHP dvě metody GET a POST. V případě použití metody GET budou data odeslána v URL adrese a takto viditelně se přenesou na další stránku. Odesílaná data uvidím přímo v panelu adresa v internetovém prohlížeči. Metodu GET není vhodné používat při odesílání velkého množství dat, pro odesílání citlivých dat, kterými jsou například hesla, nebo pokud obsahují znaky ze znakové sady Unicode. Metoda POST přenáší data z formulářů na webový server pro uživatele neviditelně, odesílá je v hlavičce http požadavku a URL adresu stránky nijak neovlivní. V praxi většina formulářů používá pro odesílání dat právě tuto metod. Metoda POST je určena pro přenos dat, která se mají zpracovat pouze jednou. Ukázkovým příkladem je právě objednání zboží v internetovém obchodě. Žádoucí je tato metoda také v případě přihlašovacích formulářů, kde je nevhodné aby bylo přihlašovací jméno a heslo vidět v adrese URL. [3] [4] Pro svůj účel využiji metodu posílání dat POST a data z formuláře odešlu do souboru s názvem objednavka.php, ve kterém je napsán PHP script, který data zpracuje a odešle na ové adresy v něm uvedené. Kromě ových adres příjemců jsem do souboru uvedl také předmět zprávy a její obsah. Každá objednávka by měla mít přidělené své číslo svůj unikátní identifikátor, který umožní její vyhledání. Rozhodl jsem se mít číslo objednávky stejné jako VS, který se používá jako identifikátor plateb v tuzemském platebním styku. Jeho maximální délka je 10 znaků a skládá se pouze z číslic. Při volbě čísla objednávky jsem vycházel z formátu VS a rozhodl využít právě maximálního počtu 10 znaků. Spárování objednávky s přijatou platbou provedu jednoduše. Budu znát číslo objednávky a na bankovním účtu si pro něj dohledám VS o stejné hodnotě Číslo objednávky je vygenerováno ve chvíli, kdy zákazník klikne na tlačítko odeslat (za 79

80 předpokladu že má správně vyplněné veškeré pole) podle aktuálního roku, data a času tím je zaručena jeho unikátnost a nemůže nastat situace vytvoření dvou či více totožných VS. Například z čísel objednávky: lze vyčíst následující 17 rok, 04 měsíc, 25 den, 11 hodina, 28 minuta. Čistě teoreticky by tak mohlo dojít k přidělení stejného čísla objednávky více zákazníkům a to ve chvíli kdyby více zákazníků vytvořilo objednávku ve stejné minutě. Vzhledem k frekvenci objednávek, které předpokládám je taková situace málo pravděpodobná. Pakliže by taková situace někdy v budoucnu nastala, není problém identifikovat platbu také pomocí výše zaplacené částky a zároveň pomocí Jména a Příjmení uvedeného v políčku zpráva pro příjemce, po zákaznících budu při platbě na účet vyžadovat uvedení dvou identifikátorů VS a Jména a Příjmení. y se dají poslat buď ve formátu HTML, nebo jako čistý text. HTML y jsou jednoznačně hezčí díky možnostem jejich formátování a májí větší potenciál zaujmout a oslovit, čehož se dá výborně využít v marketingu. Na druhou stranu se s nimi pojí řada problémů. Při jejích tvorbě nelze využít klasické postupy a zvyklosti, které se používají při tvorbě webu a ty aplikovat na . Hlavním problémem je, že příjemci mají množství velké množství různých míst, kde y čtou. Může se jednat poštovní klienty MS Outlook, Mozilla Thunderbird a spousta dalších ), webové služby (Gmail, Seznam, Centrum, Atlas, Yahoo, Hotmail atd.) nebo přístup z mobilních zařízení (mobilní telefony, tablety). Různorodost způsobuje, že i když je HTML moderně a graficky krásně navržen, nemusí fungovat podle představ a je tak prakticky nepoužitelný. Kódování pro má svá striktní pravidla a specifika pro jednotlivé ové klienty. Připravenou HTML šablonu je nutné testovat pro nejrůznější cílové systémy. I když jsou HTML y krásné, různá variabilita ových systémů způsobuje jejich nekonzistentní zobrazení, některé prvky se mohou zobrazit špatně, některé vůbec a výsledný se rozpadne na dílčí části. Obtížněji se ladí responzivnost, při otevření takového u na mobilním zařízení se obsah málo kdy přizpůsobí velikosti displeje a je nutné stránku posunovat také doprava a doleva. U HTML ů je i vyšší pravděpodobnost, že jej budou antispamové filtry považovat za spam. [43] Vzhledem k tomu, že můj záměr pro zasílání ů bude souviset pouze s informacemi týkajících se objednávek, ve kterých převažují fakta, nebude zapotřebí využít HTML e- maily. Celý design je navíc laděn do černo-bílé a to je splněno i při použití čistého textu, který bude vypadat vždy dobře a responzivně již v základu napříč všemi ovými 80

81 systémy. Prosté y s informacemi o přijaté objednávce, o připsání částky na účet nebo informace o odeslání HTML zkrátka nepotřebují. Ušetřím čas sobě i příjemci. Čas, který bych musel věnovat tvorbě a testování a příjemce se nebude muset rozptylovat zbytečnou grafikou, v horším případě rozpadlou a nefunkční. Použitím čistého textu se navíc sníží velikost přenášeného u na minimum. //poslani u $to = "maskaskeletona@gmail.com"; // muj $from = $_POST[' ']; $jmeno = $_POST['jmeno']; $prijmeni = $_POST['prijmeni']; $subject = "Přijetí obj. č. $varsymb"; // zakaznik $message.="zasláno z eshopu $message.="dodací ADRESA\n\n"; $message.="jméno: ".$_POST['jmeno']."\nPříjmení: ".$_POST['prijmeni']."\n ".$_POST[' ']."\nTelefon: ".$_POST['tel']."\nUlice: ".$_POST['ulice']."\nMěsto: ".$_POST['mesto']."\nPSČ: ".$_POST['psc']."\nZpráva: ".$_POST['zprava']."\n\n"; $message.="informace O OBJEDNÁVCE\n\n"; $message.="číslo objednávky: $varsymb\ndoprava a platba: $doprava\ndatum objednávky: $datum\ncena za kus: $cenazaks Kč\nPočet kusů: ".$_POST['ks1']."\nCena za dopravu: ".$_POST['dp1']." Kč\nCena celkem: $cena Kč\n\n"; $message.="jak ZAPLATIT?\n\n"; $message.="$info "; $headers = "From:". $from; $headers2 = "From: Maska Skeletona <$to>"; mail($to,$subject,$message,$headers); mail($from,$subject,$message,$headers2); // zakaznikovi 81

82 Obrázek 18: Úvodní stránka e-shopu 82

83 5.7 Přesměrování na děkovací stránku Zákazník odešle vyplněný formulář, který je zpracován PHP souborem objednavka.php. Ten vygeneruje VS, případně provede výpočty ceny a postará se o zaslání ů o nově vytvořené objednávce na y zákazníka a provozovatele e-shopu. V této chvíli je žádoucí zákazníka někam přesměrovat. Za tímto účelem jsem vytvořil stránku, která se zákazníkovi zobrazí po vytvoření konverzní akce (vytvoření objednávky). Jejím účelem by mělo být informovat zákazníka o úspěšném přijetí objednávky a hlavně poděkovat za vytvořenou objednávku, proto se této stránce často říká děkovací. V této chvíli má zákazník to nejtěžší za sebou, objednávka je již vytvořena. Rozhodl jsem se tento prostor vylepšit co nejvíc, inspirován několika e-shopy jsem získal představu, jak by to vypadat mělo a jak by to vypadat nemělo. Rozhodně by to neměla být stránka obsahující pouze strohý text: Objednávka č byla přijata. Děkujeme. Chtěl jsem zákazníkovi poskytnout kompletní shrnutí objednávky, ve kterém by co nejpřehledněji viděl, co si objednává, za kolik a jakým způsobem mu to bude doručeno. Na stránku jsem umístil výzvu k akci v podobě facebookového tlačítka Like, díky kterému se může ihned stát fanouškem stránky. Dále jsem chtěl zákazníkovi poskytnout co nejlepší informace o tom, jak a za jak dlouho mu bude zásilka doručena a způsob jak zaplatit. Tyto informace v e-shopech, ve kterých jsem v minulosti provedl objednávku, často chyběly a já se musel spoléhat pouze na zaslaný . Když už byla uvedena informace o tom, jak zaplatit, bylo to napsáno následujícím způsobem: Pokud jste zvolil platbu dobírkou, tak Pokud jste zvolil platbou bankovním převodem tak uveďte následující VS Pokud jste vybral možnost osobního vyzvednutí, tak Takové vypisování je ale úplně zbytečné a způsobuje akorát nepřehlednost. Ve chvíli kdy jsem si vybral např. platbu dobírkou je pro mě VS nebo číslo účtu zcela nepodstatnou informací, stejně tak informace o ostatních možnostech jak zaplatit. V této chvíli již vím, kterou platební metodu, případně jaký způsob dopravy si zákazník zvolil. Proč toho tedy nevyužít? Zákazníkovi poskytnu pouze takové informace, které se ho týkají. Jejich obsah bude ovlivněn zákazníkovým výběrem a nebudu ho již zatěžovat ostatními pro něj v tuto chvíli neužitečnými informacemi. 83

84 Přesměrování v PHP se provádí použitím HTTP hlavičky. Na konec stránky objednavka.php umístím: header ("location: diky_za_objednavku.php") Každý zákazník, jenž přijde na stránku obsahující tento kód, bude automaticky přesměrován na stránku diky_za_objednavku.php. Stránka obsahující tento kód se uživateli nezobrazí ani na sekundu. Nemá proto smysl do ní vkládat jakékoliv HTML tagy. Na děkovací stránce budu chtít zobrazit data vyplněná ve formuláři, potřebuji tedy nějak přenášet data mezi stránkami. V PHP se dají data přenášet buď parametrem v URL, pomocí cookies nebo pomocí session (relace). Pro přenos dat jsem zvolil session, protože cookies jsou uloženy na počítačích zákazníků, kde jejich obsah může kdokoliv změnit, případně odstranit. Session pracuje odlišně. Pro každou relaci se zákazníkovi přiřadí jednoznačný identifikátor (session ID), pomocí které ho server pozná. Všechny informace zůstanou na serveru, což je důležité nejen z hlediska zabezpečení, ale také z hlediska práce s proměnnými. Zobrazování informací o způsobu placení v závislosti na zákazníkově výběru je dosaženo použitím PHP switche. [3] [4] Na následující stránce je umístěn printscreen děkovací stránky, která je opět vytvořena v černo-bílém designu. Zákazník je informován o vytvořené objednávce a zároveň o tom, že mu byly veškeré informace související s objednávkou zaslány také na nemusí se tak bát stránku uzavřít. Děkovací stránka nabízí přehled o adresátovi, informace o objednávce (číslo, způsob doručení a zaplacení, datum vytvoření), dále přehlednou kalkulaci, kde je zvlášť zobrazena cena za produkt a cena za dopravu a samozřejmě také suma. Zákazník dále získá návod jak zaplatit v závislosti na vybraném způsobu platby a informaci jak mu bude zboží odesláno. Nakonec mu stránka nabízí možnost interakce s facebokovou stránkou, může se stát jejím fanouškem, nebo facebookovou stránku sdílet. 84

85 Obrázek 19: Děkovací stránka 85

86 5.8 Tvorba chybové stránky Error 404 Chybová stránka s kódem 404 se uživateli zobrazí, když se dostane na stránku, která na serveru neexistuje. Pokud chybová stránka není nastavena, uživatel se dostane pouze na obecné chybové hlášení z webhostingu, které může působit rušivě v případě, zejména, když je celý e-shop tvořen v jednotném stylu. Naštěstí je možné vytvořit si vlastní chybovou stránku a původní webhostingovou nahradit. V první řadě je zapotřebí vytvořit obyčejný textový soubor a ve struktuře ho umístit hned na úroveň ostatních souborů, např. hned vedle domovské stránky a pojmenovat jej.htaccess. Do tohoto souboru stačí napsat jediný řádek a to ErrorDocument 404 /404.html. Jméno HTML souboru chybové stránky může být samozřejmě jiné, v mém ukázkovém případě jsem si pro tuto stránku zvolil název 404.html. Stránku stačí vytvořit klasickým způsobem, jako kteroukoliv jinou. Umístím na ní pouze jednoduché logo a odkaz na domovskou stránku. Fyzicky jí do struktury složek a souborů umístím na stejnou úroveň jako stránku hlavní. Po zadání jakékoliv neexistující stránky, např. se mi nyní zobrazí chybová stránka, která je nyní v jednotném stylu jako zbytek e-shopu a je proto mnohem lepší než tak, kterou defaultně nabízí webhosting. [44] 5.9 Výsledky SEO Obrázek 20: Chybová stránka - Error 404 Při hledání vhodných klíčových slov jsem přemýšlel stejně jako zákazník, který si produkt chce objednat na internetu a nad slovními spojeními, které by pravděpodobně zadával do 86

87 pole pro vyhledávání. Při optimalizaci jsem se držel postupu popsaného v kapitole 3.6. Optimalizaci jsem se rozhodl udělat pro následující klíčová slova: maska skeletona maska smrťáka maska řezníka Je to název mé domény (maskaskeletona.cz), toto spojení se objevuje také v některých textech písní. Po napsání tohoto slovního spojení do vyhledávače Google se na první pozici s výsledky vyhledávání zobrazí stránka hned na druhém místě je dokonce facebooková stránka (nebyla optimalizována pro vyhledávače). Po přepnutí na vyhledávání obrázků, první čtyři z nich pochází z mé stránky. Seznam na prvním místě nalezl rovněž mou doménu. Po přepnutí na hledání obrázků všechny nalezené pochází z mé stránky a Seznam se navíc dotázal: Nechtěli jste hledat maska skeleton? Takto se originálně jmenovala v době, kdy ještě byla přílohou časopisu Kačer Donald. Domovská stránka ve výsledcích vyhledávání opět na prvním místě. U obrázků byl na prvním místě obrázek pocházející z jiné stránky, mému patří až druhá pozice, další obrázky pocházející z mé stránky byly umístěny různě, na méně atraktivních pozicích. Na Seznamu byla domovská stránka nalezena až na druhé stránce ve výsledcích vyhledávání. Vyhledané obrázky nepřinesly žádný, který by odkazoval na mou stránku. I když toto spojení nemusí na první pohled vypadat příliš logicky, často se objevuje v diskusích právě v této podobě, protože obsahuje jasný odkaz na Řezníka. V Googlu opět první pozice, v obrázcích první tři odkazují na mou stránku. Slovnímu spojení maska řezníka patří na Seznamu šestá pozice na první stránce a obrázky nalezeny nebyly. Pro tři výše uvedené slovní spojení je optimalizace webové stránky pro výsledky vyhledávání u Googlu vyhledávače téměř 100%. Ve všech třech případech domovská stránka nalezena na prvním místě a obrázky až na jednu výjimku rovněž na prvních pozicích. U Seznamu dopadla optimalizace výborně pouze pro slovní spojení maska skeletona. Pro ostatní slovní spojení už tak efektivní nebyla. 87

88 5.10 Problematika spamu Spam, neboli nevyžádaná pošta představuje problém celého internetu. Každý uživatel internetu se již musel setkat s otravnými reklamními y či zaručenou výhrou v loterii. Při tvorbě objednávkového formuláře jsem se příliš zaměřil na co možná nejjednodušší proces objednání. Záměrně jsem nechtěl zákazníky zdržovat vyplňováním špatně čitelných CAPTCHA kódů či jiným způsobem ověření. Samozřejmě jsem věděl o možném riziku zneužití formuláře roboty za účelem spamu, ale naivně jsem si myslel, že spam se mě netýká. A skutečně nic nenasvědčovalo tomu, že bych se tenkrát pletl, že by tomu někdy v budoucnu mělo být jinak. Objednávky přicházely bez problému, bez jediného náznaku spamu. Vše fungovalo bez problému zhruba půl roku. Po uplynutí této doby jsem ve své e- mailové schránce zaznamenal objednávku, která jevila jasné známky spamu. Místo srozumitelně vyplněného jména, příjmení a dodací adresy zpráva obsahovala náhodně vyplněné znaky a prostor pro zprávu obsahoval odkazy, které směřovaly kdesi na ruské stránky. O několik dní později se objevily další roboty vyplněné objednávky a od té doby začaly přicházet pravidelně. Jejich společným rysem bylo vyplnění formulářových polí náhodnými znaky a čísly, dalším společným znakem byly ruské y odesílatelů a odkazy na ruské stránky v těle u. Tematicky se spam týkal nejčastěji pornografie nebo slev. Obrázek 21: Ukázka přijatého spamu 88

89 V této chvíli by došlo, že jsem stránku zabezpečení formuláře podcenil a na vlastní kůži okusil, jak dokáže být spam otravný. Musel jsem třídit reálné objednávky od spamu, což bylo obtěžující a vyžadovalo nějaký čas. Naštěstí takovýchto zpráv nepřicházelo mnoho. Přicházející spam byl motivací ke zjištění způsobů, jakými se dají formuláře proti spamu zabezpečit a to pokud možno tak, aby zabezpečení nepředstavovalo pro zákazníka nutnost vyplňovat cokoliv navíc. Ochrana v podobě CAPTCHA kódu nutí zákazníka opisovat špatně čitelné znaky, čemuž bych se rád vyhnul. Zjistil jsem, že tato ochrana proti robotům dnes přestává dostačovat z důvodu stále se zlepšujících schopností robotů, kteří už i takto deformované obrázky dokáží číst. Pokud je nedokáže robot přečíst, nedokáže je přečíst ani zákazník. Alternativou by mohla být recaptcha, od společnosti Google, která vyžaduje jediné: kliknout do políčka a tím potvrdit, že Nejsem robot. Implementace znamená vložit na stránku cizí skript, díky kterému majitel získává nad stránkou velkou moc a takový způsob ochrany by se měl použít až ve chvíli, kdy selžou všechny ostatní. Při obraně proti spamovacím robotům se dá využít jejich dvou základních chyb. - Vyplňují všechna formulářová pole - Neinterpretuje javascript a CSS První ochranou, která se sama nabízí je umístit do kódu formuláře skrytou výzvu pro součet dvou náhodných čísel, nebo doplnit odpověď na otázku. Součet, nebo odpověď doplní místo uživatele javascript. Formulář je ochráněn a uživatel nemusí nic navíc vyplňovat. Ve většině případů má uživatel v prohlížeči javascript zapnutý, pokud by neměl, tak by nezbývalo, než skrytou výzvu zviditelnit a umožnit tak ruční doplnění odpovědi. Dalším způsobem je umístit do formuláře dvě odesílací tlačítka a jedno z nich pro zákazníky skrýt. Zákazník tedy na první pohled vidí pouze jedno tlačítko, druhé je skryté. Poté stačí zajistit, aby byl formulář odeslán pouze v případě nabytí hodnoty PRAVDA pouze u jednoho ze dvou formulářů (bylo na něj kliknuto). Pokud mají hodnotu PRAVDA obě tlačítka, je jisté že se jednalo o spam, protože druhé odesílací tlačítko zákazník nevidí a nemůže na něj kliknout. Posledním ze způsobů je umístit do formuláře skryté pole viditelné pouze pro robota a objednávku odeslat pouze v případě, kdy je toto pole prázdné. Spamový roboti automaticky vyplňují všechna pole, tedy i toto neviditelné a proto se jim formulář nepovede odeslat. Využijí-li se tyto způsoby ochrany ve formuláři kombinovaně, pak je ochrana proti falešným objednávkám, které vytvořil robot zaručena. 89

90 Alespoň do doby než se spamovací roboti více zdokonalí. Mnohem větším problémem jsou spamovací lidí například v diskusích. Zde jsou způsoby ochrany o něco složitější. [45] Jako první jsem vyzkoušel metodu se skrytým polem, které se nesmí vyplnit. Toto pole jsem skryl pomocí CSS. Roboti ve většině případů vyplňují vždy všechna pole. Osobně mi pouze tento jedno-úrovňový způsob ochrany problém se spamem vyřešil a proto jsem se dalšími nezabýval Náhled odkazu při sdílení na sociálních sítích Významným zdrojem návštěvnosti mohou být kromě přístupů z výsledků vyhledávání i sociální sítě. Když už se někomu stránka zalíbí natolik, že se jí rozhodne sdílet na sociální síti (budu se nyní bavit pouze o facebooku), náhled takového odkazu by měl vypadat co nejlépe. Vezmu-li odkaz a vložím jej například na zeď facebooku, do komentáře, či kamkoliv jinam v rámci této sociální sítě, vygeneruje se mi k odkazu automaticky také náhled. Facebook vždy posbírá informace na webu obsažené a nějaký náhled vytvoří automaticky. Pro vytvoření titulku náhledu využije tag <title>, popisek z odstavce <p> a obrázek najde v tagu <img>. Ve výchozí podobě se mi nemusí líbit. Dobrou zprávou je, že se dá jeho vzhled poupravit a přizpůsobit si jej podle vlastních představ. Jak toho docílit? Pro načtení aktuální podoby náhledu existuje nástroj Open Graph Object Debugger, ten je užitečný, protože náhled se normálně ukládá do paměti cache a díky tomuto nástroji je možné vidět provedené změny okamžitě. Osobně jsem byl spokojený s titulkem i s popisem, ale nelíbil se mi obrázek, který facebook pro vytvoření náhledu na mé stránce vybral a použil. Potřeboval jsem ho tedy změnit za jiný, který by byl více výstižný, a bylo na první pohled patrné, o co se jedná. Jak tedy donutit facebook k tomu, aby použil obrázek, který jsem si vybral jako nejvhodnější? Nastavit vybraný obrázek jde speciální <meta> značkou og:image, který se umístí do hlavičky stránky. V mém případě výsledek vypadá takto: <metaproperty="og:image"content=" Jediným limitem pro zobrazení obrázku je jeho rozlišení. Nesmí být menší než pixelů, jinak nebude zobrazen po tomto nastavení. 90

91 Titulek ani popisek jsem měnit nemusel, ale pro úplnost uvedu, jak se dá ovlivnit jejich obsah v náhledu. Pro titulek se použije <meta property="og:title" content="titulek"> a pro pipisek <meta property="og:description" content="popisek"> [46] Obrázek 22: Náhled odkazu při sdílení na sociálních sítích 91

92 6 Informační podpora pro ekonomickou agendu provozu e-shopu V této fázi byl e-shop již funkční a optimalizovaný pro vyhledávače. Na sociální síti probíhaly reklamní kampaně zaměřené na danou cílovou skupinu, počet fanoušků na facebookové stránce se zvyšoval. Byla vytvořena chybová i děkovací stránka a vyřešeny detaily se zobrazováním náhledu na sociální sítí. Připravené obchodní podmínky byly zveřejněny včetně předvyplněného reklamačního formuláře. Podařilo se vyřešit problém se spamem, který přicházel do ové schránky. Zákazníci neměli potřebu vznášet doplňující otázky k ceně, dopravě, či čemukoliv jinému. Byla splněna zákonná informační povinnost a veškeré informace si tak mohli v přehledné formě přečíst přímo na hlavní stránce, detailnější informace pak v obchodních podmínkách, které byly vyřešeny formou vyskakovacího okna. Objednávky tedy chodily na zcela automatizovaně a zákazník vždy věděl, co objednává, jak mu bude zboží doručeno, kolik za něj zaplatí a jakým způsobem má platbu provést. Co jsem ale po celou dobu nezmínil, je způsob jakým jsem objednávky vyřizoval, jak jsem si vedl daňovou evidenci, jak jsem odesílal y a řešil faktury, uschovával doklady apod. Přesně na tyto oblasti, které se souhrnně nazývají ekonomickou agendou, jsou předmětem této kapitoly. Vysvětlím, jak jsem doposud vedl ekonomickou agendu a uvedu důvody, proč mi stávající řešení postupně přestávalo vyhovovat. Samozřejmě navrhnu lepší řešení, které také zrealizuji. 6.1 Původní způsob vyřizování objednávek a vedení ekonomické agendy Až do přijetí objednávky bylo vše v rukou zákazníků a z mého pohledu plně automatické. Teprve ve chvíli, kdy do ové schránky dorazila nová objednávka, započala moje interakce v celém procesu od nákupu po doručení zboží zákazníkovi Daňová evidence Daňovou evidenci musím vést, pokud mám příjmy z podnikání a chci v daňovém přiznání k dani z příjmu uplatnit výdaje podle skutečných výdajů, které se dokazují pomocí dokladů od zakoupeného zboží. Pokud uplatňuji výdaje paušálně, procentem z příjmu, daňovou 92

93 evidenci vést nemusím a nemusím ani zakládat doklady od zboží, které jsem zakoupil a měl důkaz o výdajích. Já uplatňuji výdaje paušálně. To znamená, že si výdaje vypočítám procentem ze svých příjmů, tedy z peněz, které jsem v příslušném roce skutečně obdržel. Vzhledem k paušálnímu uplatňování výdajů by mi stačilo mít pouze evidenci příjmu. I přesto jsem se rozhodl vést si daňovou evidenci, díky které získám přehled o výdajích i příjmech a snadno si z těchto dvou údajů vypočítám zisk. Také jsem se dobrovolně rozhodl schovávat si veškeré účtenky za nakoupené zboží či služby, což se později ukázalo jako velmi výhodné při řešení reklamací s Českou poštou, která mi na účet neposlala peníze za vybranou dobírku. A dle slov pracovníka není možné sepsat reklamaci bez podací stvrzenky. Nebyl pro mě problém sáhnout do krabice od bot a potřebnou stvrzenku najít a získat díky tomu oprávněných 699 Kč, které se za dva dny objevily na účtu. Vždy je lepší mít kam sáhnout, než později krčit rameny. Žádný paragraf zákona o daních z příjmu nehovoří o tom, jak přesně má daňová evidence vypadat. 7b zákona č. 586/1992 Sb. (zákona o daních z příjmu) dává potencionálnímu poplatníkovi pouze základní informace o tom, co daňová evidence příjmů a výdajů zjišťuje, jakým způsobem je oceněn majetek a závazky, a dále je zde zmínka o povinnosti provádět inventarizaci a archivaci. Toť vše. [47] Záleží čistě na mně, jakou formu si pro daňovou evidenci zvolím. Mohu použít některý z široké nabídky účetních programů, nebo např. obyčejný Excel. S žádným účetním programem jsem nikdy předtím nepracoval. Zvolil jsem pro mě nejjednodušší variantu v podobě programu Excel, se kterým jsem zkušenosti měl, a byly vždy pozitivní. Těšil jsem se z přicházejících objednávek a vše si poctivě zapisoval do Excelu a prováděl v něm výpočty ukazatelů, které mě zajímaly Vytvoření faktury Objedná-li si zákazník zboží v libovolném e-shopu, samozřejmě očekává, že dostane to, co si objednal. Mimo to obvykle obdrží i fakturu, ať už v papírové nebo elektronické podobě, nejčastěji ve formátu PDF. Náležitostmi, které musí faktura obsahovat, jsem se zabýval v kapitole 2.6. Faktura je účtem za dodané zboží, obsahující popis toho co se má zaplatit (případně již bylo zaplaceno), způsob platby, datum splatnosti a další náležitosti uvedené v kapitole 2.6. Protože prodávám zboží, budu tedy muset vystavovat faktury. 93

94 Novou informací pro mě bylo, že razítko a podpis není povinnou součástí faktury a zákon je nevyžaduje a také to, že grafická podoba faktury není zákonem nijak definována. Proč toho tedy nevyužít a nevytvořit fakturu, která bude nejen legislativně správně se všemi údaji, které zákon požaduje, ale navíc i pěkná? Vzhledem k tomu, že jsem si chtěl vytvořit fakturu od nuly, aby její vzhled nebyl stejný jako u ostatních faktur, tedy podle vlastních představ, rovnou jsem zavrhl generátory faktur. Pro vedení daňové evidence jsem si vybral Excel, proč jej tedy nevyužít i pro tvorbu faktury? Fakturu jsem se rozhodl tisknout. Vzhledem ke způsobu balení, který používám se mi papír formátu A4 výborně hodí, díky němu zboží zabalím tak, aby zboží zabalené do obálky neprosvítalo a obsah tak nešel přes zavřenou obálku identifikovat. 94

95 Obrázek 23: Faktura vytvořená v Excelu Odeslání u em přijatá objednávka je nakopírována do daňové evidence vedené v Excelu. Faktura se nachází na dalším listu stejného souboru a je třeba do ní vložit veškeré údaje vztahující se k dané objednávce od jména přes adresu až po formu úhrady atd. Faktura je 95

96 následně vytisknuta a spolu s produktem zabalena do obálky, která je odeslána prostřednictvím České pošty. Od České pošty obdržím tištěnou podací stvrzenku, která obsahuje podací číslo ve tvaru RR CZ. S touto stvrzenkou přijdu domů a je potřeba dát zákazníkovi em vědět o odeslané zásilce. Dělám to tak, že si v inboxu přijaté pošty vyhledám konkrétní objednávku, kterou jsem právě vyřídil odesláním zásilky na poště a na tuto objednávku odpovím. o odeslání zásilky by měl obsahovat pozdrav, informaci o tom, že zásilka byla odeslána, poděkování a ideálně i odkaz pro online sledování zásilky. K tomu, abych zákazníkovi poskytnul odkaz pro sledování zásilky, ho musím nejprve vytvořit. Navštívím následující stránku a do pole přepíši podací číslo z papírové stvrzenky, kterou jsem obdržel na poště. Kliknu na tlačítko vyhledat a zkopíruji odkaz z adresního řádku prohlížeče do u, který už stáčí pouze odeslat. Z papírové stvrzenky si do daňové evidence opisuji i skutečnou cenu, kterou jsem zaplatil za poštovné, abych si mohl vypočítat zisk z jednotlivých objednávek. Mám pouze jeden produkt a tedy i jedno balení. Zajímavostí je, že mi pošta účtuje pokaždé jinou cenu za poštovné, protože se pracovníci pošty nedokáží dohodnout na šířce obálky, který je necelých 0,5 centimetrů a právě 0,5 centimetrů je hranicí, která ovlivňuje výši ceny. I když mám obálky i způsob balení pokaždé stejný. Cena za poštovné stejná není. Zvolil jsem si barvy, kterými jsem odlišoval stavy vyřízení jednotlivých objednávek. U nově přijaté objednávky, kterou jsem pouze zapsal do Excelu, jsem ponechával bílou barvu. Byla-li zásilka odeslána, zvýraznil jsem řádek žlutě. Připsáním platby na účet jsem považoval zásilku za vyřízenou a přiřadil jí barvu zelenou. Vyskytl-li se nějaký problém a zásilka byla před odesláním stornována, nebo když zásilka odeslaná na dobírku nebyla převzata, v takových případech jsem volil červené označení. nová bílá odeslaná žlutá vyřízena zelená zrušena červená 96

97 6.1.4 Vyhodnocení nedostatků současného řešení Uvedený postup vyřizování objednávek, který jsem si sám vymyslel, byl funkční a ze začátku mi zcela vyhovoval. Excel byl výborný v jednoduchosti ovládání a možnostech snadného provádění statistického vyhodnocení ze získaných údajů. Se zvyšujícím se počtem objednávek mě začala dost unavovat fáze, ve které musím všechny údaje z u (z objednávky) otrocky jednu po druhé nakopírovat do políček v Excelu, ve kterém si vedu daňovou evidenci. Tato fáze mě nejvíce nebavila a vnímal jsem jí jako velkou ztrátu času. Obrázek 24: Znázornění problematického kopírování údajů z u do Excelu Kdyby se mi podařilo tuto fázi vyřešit tak, aby se údaje automatizovaně umístily do příslušných políček Excelu, doplnění těchto údajů v rámci Excelu do faktury už by nemuselo představovat problém, dalo by se to vyřešit například pomocí maker. Pátral jsem na internetu a mezi tím si uvědomil, že můj dosavadní postup má i další nedostatky ve složitém sestavování odkazů pro online sledování zásilek, nemluvě o ručním psaní ů, kde jsem pokaždé musel psát stejné oslovení a stejnou informaci o tom, že byla zásilka odeslána, unikátní byl pouze přiložený odkaz pro online Track and Trace. Dalším nedostatkem byla závislost na souboru.xlsm, který jsem měl umístěny lokálně v PC. Kdykoliv jsem potřeboval vyřizovat objednávky a tisknout faktury mimo domov, musel jsem soubor.xlsm nosit všude s sebou na flash disku či SD kartě. Časté přenášení představovalo velké riziko ztráty média. I kdybych měl soubor zálohovaný, jeho ztrátou 97

98 bych ohrozil citlivé údaje zákazníků a mých dat. Stejně nepohodlné bylo posílání souboru na apod. I když byl můj způsob vyřizování objednávek a správy ekonomické agendy plně funkční, nebyl příliš efektivní a to hned v několika bodech. Rozhodl jsem se proto vytvořit nový způsob, který nebude závislý na lokálním úložišti. 6.2 Návrh jednoduché administrace Vzhledem k velkému množství informací, které bych zde musel uvést, vynechám technické popisy řešení jednotlivých částí administrace a pouze shrnu postupy, které jsem k tvorbě využil a odprezentuji výsledek své práce. Rozhodl jsem se opustit stávající řešení vedení daňové evidence v Excelu a vytvořit systém, který mi umožní vše spravovat vše odkudkoliv, nezávisle na místě, kde se právě nacházím. Jedinou podmínkou by bylo připojení k internetu. Mám na mysli vytvoření nadstavby k e-shopu v podobě jednoduché administrace, která by odstranila popsané problémy a ušetřila mi tak čas vynaložený na rutinní činnosti. Opět jsem se rozhodl nevyužít žádného hotového řešení a pustit se do tvorby vlastnoručně a vytvořit si jednoduchou administraci, která bude osahovat přesně to, co potřebuji, bez jakýchkoliv zbytečností navíc. Administrace se neobejde bez použití MySQL databáze, se kterou jsem nikdy předtím nevytvářel ani s ní nijak aktivně nepracoval. Použití MySQL v kombinaci s PHP tak pro mě byla úplně novou zkušeností. Jako základ pro administraci jsem se rozhodl využít CRUD, tento pojem se používá v programování a je to akronym pro čtyři základní operace, které lze provádět se záznamy uloženými v databázi. Tyto operace jsou Create, Read, Update, Delete. V češtině vytvoření, čtení, editace a smazání. V normě SQL jim odpovídají příkazy INSERT, SELECT, UPDATE a DELETE. [48] Tabulka 15: CRUD operace Operation Operace SQL Create Vytvořit INSERT Read Číst SELECT Update Editovat UPDATE Delete Smazat DELETE 98

99 Rozhodl jsem se vytvořit administraci pomocí databáze MySQL a PHP, která by fungovala podle CRUD. Představa byly následující. Uživatelem vyplněné údaje v objednávkovém formuláři by se automaticky zapsaly do MySQL databáze. Obsah této databáze bych si pomocí PHP nechal vykreslit do HTML stránky, ve které bych viděl veškeré pro mě důležité údaje a pomocí tlačítek pak mohl provádět nad jednotlivými záznamy s objednávkami operace umožňující jejich editaci, detailnější zobrazení, vytvoření nové objednávky a její smazání. Tímto by se zautomatizovala část s ručním kopírováním údajů z u do Excelu. Ve chvíli, kdy jsou záznamy o objednávce uloženy v databázi, je možné s nimi dále pracovat a využít je pro vyřešení dalších problémů, které byly příčinou neefektivního způsobu práce. Pro fakturu by se dala vytvořit pevná šablona obsahující pouze grafiku a měnící se údaje by se do ní doplňovaly proměnnými na základě vybraného záznamu z databáze. Vygenerovaná faktura s vyplněnými údaji by se poté dala vytisknout, nebo uložit jako PDF. Náhradou za excelovské statistky by mohl být jednoduchý dashboard, do kterého by se vykreslovaly důležité ukazatele, například příjem, zisk, počet objednávek, počet prodaných kusů, poměr mezi využívanými způsoby platebními metodamy či cokoliv dalšího co by se dalo sestavit pomocí SQL příkazů. Vše by se dynamicky měnilo po refreshnutí stránky. y s informacemi o odeslané zásilce obsahují část textu, která je vždy stejná a v každém u se opakuje. Pozdrav, poděkování i text s informací o odeslání se nemění. Mění se pouze odkaz pro sledování zásilky. Ideální by tedy bylo, aby byl veškerý text už nadepsán a do odkazu se číslo zásilky doplnilo automaticky proměnnou (zvýrazněno tučně) MySQL MySQL je systém řízení báze dat uplatňující relační databázový model. Jeden z nejznámějších nástrojů pro správu MySQL databáz je phpmyadmin. Není dokonalý, a proto vznikl nový nástroj s názvem Adminer, který je lepší hned v několika oblastech, mezi nejpodstatnější z nich patří: - uživatelské rozhraní - podporované vlastnosti MySQL 99

100 - lepší výkonnost - vyšší bezpečnost Ze dvou popisovaných bych použil raději Adminer, ale vzhledem k tomu, že už jsem měl část databáze vytvořenou v phpmyadminu, se kterým jsem se v minulosti již setkal, rozhodl jsem se využít právě jej. Když chci v PHP kódu přistupovat k databázi, mám dvě možnosti jak to provést použitím MySQLi nebo PDO přístupu. Existovalo ještě nejstarší MySQL a od PHP verze skončila jeho podpora. Ze dvou nabízených způsobů jsem si vybral nejnovější PDO. Tato zkratka znamená PHP Data Objects a jedná se o objektové rozhraní databází pro PHP Online evidence objednávek Vytvořil jsem si tabulky v MySQL databázi, do kterých budu ukládat data z formulářů a upravil části kódu, takovým způsobem, aby se data z objednávkového formuláře nejen posílala na a zobrazovala na děkovací stránce, ale aby bylo provedeno i uložení do databáze. Vytvořil jsem HTML stránku, na které jsem vypisoval data z databáze. Připojení k databázi bylo realizováno pomocí PDO. Do HTML stránky jsem přidal stránkování a tlačítka umožňující provádět s daty akce. Rovněž jsem vše designově podřídil grafice e- shopu a vše vytvořil v černo-bílé variantě. Množství dat, které v databázi shromažďuji je příliš velké. Jejich kompletní vypsání do jednoho řádku by znamenalo nutnost posunovat stránkou i horizontálně, čemuž jsem se chtěl vyvarovat a proto jsem na úvodní stránku administrace jen to nejnutnější. Pokud by někdo využil všech 255 povolených znaků v políčku zpráva, byl by řádek opravdu moc dlouhý. Zbytek informací se zobrazí až po kliknutí na tlačítko editovat, které slouží zároveň k detailnímu zobrazení všech informací. Data zobrazená na obrázku jsou pro účely testování smyšlená a nejedná se o skutečné objednávky. 100

101 Obrázek 25: Administrace přijatých objednávek Popis tlačítek Akce: F - faktura E - editace (detailní náhled) S - smazat M mail (odesílaní ů) Z - zpráva (objeví se pouze, pokud objednávka obsahuje zprávu) Ostatní zkratky: CD cena dopravy KS kusy (množství objednaných kusů) CC celková cena Zobrazení editace / detailního náhledu objednávky Po kliknutí na tlačítko E se zobrazí veškeré údaje související s objednávkou a je zde na rozdíl od úvodní stránky možnost editovat záznamy. To je velmi užitečné, pokud se zákazník splete. Uvede-li v objednávkovém formuláři nesprávný údaj, nebo některý z údajů omylem vyplní do nesprávného políčko, případně udělá překlep. Z toho důvodu je zde tato funkcionalita, která mi umožní udržovat data v databázi ve správné podobě. Na následujícím obrázku je vidět rozkliknutý detail první objednávky. 101

102 Obrázek 26: Editace / Detailní zobrazení objednávky 102

103 6.2.4 Generování faktury Existují nástroje, pomocí kterých se dají vytvořit faktury zobrazitelné na webu, případně rovnou faktury ve formátu PDF. Vyzkoušel jsem několik programů jako DFCreator, ProFact apod., ale nikdy se mi nepodařilo dosáhnout stejně kvalitního výsledku, který by byl podobný faktuře vytvořené v Excelu. Naštěstí Excel obsahuje jednu velmi užitečnou funkci a tou je převod do HTML. Zdrojový kód takové stránky není zrovna uživatelsky přívětivý, ale faktura zobrazitelná je vytvořena ihned a navíc se vzhledově naprosto shoduje s původním návrhem. Online šablona faktury byla hotová a už stačilo jen doplnit proměnné na příslušná místa ve zdrojovém kódu, do kterých se budou doplňovat údaje z databáze podle jednotlivých objednávek. Opět pro ukázku zvolím první objednávku. Faktura se mi automaticky vygeneruje po stisknutí jediného tlačítka F. Obrázek 27: Automaticky vygenerovaná faktura v administraci e-shopu 103

104 6.2.5 Zasílání předpřipravených ů Pokud chci se zákazníkem ově komunikovat, kliknu na tlačítko M. Na prvním místě se mi zobrazí nejčastěji používaný typ u, obsahující informaci o tom, že zásilku jsem již odeslal. Nemusím nic psát, ani složitě doplňovat, stačí pouze odeslat. Může se ale vyskytnout potřeba něco připsat, změnit, či umazat taková možnost zde samozřejmě také existuje. Pokud není třeba ve výchozím textu nic měnit, stačí pouze kliknout na jediné tlačítko - ODESLAT. Zamyslel jsem se i nad ostatními typy ových zpráv a rovněž i pro ně, připravil přednastavené texty. Stačí si vybrat požadovaný typ u (zásilka byla odeslána, potvrzení objednávky, připomínka k vyzvednutí, platba byla přijata, platba jedorazila) z rozbalovacího menu a v okně pod ním se automaticky vygeneruje příslušný text. Obrázek 28: Odesílání předvyplněných ů Poslední funkcí jsou přehledy, jejichž funkčnost jsem si ověřil pouze funkcionálně a po grafické stránce jsem je zatím nestihl dokončit. Plánuji zde vytvořit přehledný dashboard, který by zobrazoval aktuální statistiky a některá data vykresloval i graficky. Není tedy dokončen a zatím vypadá pouze takto: 104

105 Obrázek 29: Zatím nedokončený dashboard Přehledné menu Během správy e-shopu využívám velké množství odkazů, které k provozu potřebuji. Ať už se jedná o facebookovou stránku, bankovní účet pro sledování plateb, nebo Google mapy pro dohledání neúplných adres apod. Abych vše nemusel samostatně zadávat do adresního řádku prohlížeče, nebo stránky vyhledávat přes vyhledávač, vytvořil jsem si přehledné menu, které všechny mnou využívané odkazy obsahuje. Obrázek 30: Přehledné menu s důležitými odkazy v administraci Otázka bezpečnosti Pracuji-li s osobními údaji zákazníků a databází, neměl bych rozhodně podcenit bezpečnost. Bude potřeba oddělit administrační část od části veřejné. Část administrační by měla jednoznačné být chráněna heslem, které zamezí neoprávněnému přístupu. Využívám-li databázi, je třeba jí chránit před SQL injection a ošetřit všechny vstupy a to takovým způsobem, aby útočník, nemohl do polí formuláře vložit kus funkčního kódu 105