Tomasz Smykowski - Gandalf.com.pl · 2012-10-18 · Tomasz Smykowski Podręcznik tworzenia stron...

Tomasz Smykowski

Podręcznik tworzenia stron internetowych na Facebooku

Wyróżnij się, zdobądź fanów, zwiększ ekspozycję marki,

wywinduj sprzedaż i popraw obsługę klientów.

Odkryj kreator Zakładka Polishwords – narzędzie wybierane przez ekspertów

marketingu społecznościowego

Wszelkie prawa zastrzeżone. Nieautoryzowane rozpowszechnianie całości lub fragmentu tego dokumentu w jakiejkolwiek postaci jest zakazane. Wykonywanie kopii cyfrowych, kserograficznych, fotograficznych, na nośniku wideo, filmowym, magnetycznym lub innym powoduje naruszenie praw autorskich niniejszego dokumentu.

Wszystkie znaki występujące w dokumencie są zastrzeżonymi znakami firmowymi bądź towarowymi i należą do ich właścicieli.

Autor dołożył starań, aby podręcznik zawierał sprawdzone i aktualne informacje. Jednak nie ponosi odpowiedzialności za korzystanie z zawartych tutaj porad ani naruszenia praw, patentów i regulaminów, które mogą w związku z tym mieć miejsce. Autor nie ponosi również odpowiedzialności za szkody wynikłe z korzystania z zawartych tutaj informacji.

Redakcja: Tomasz Smykowski

e-mail: [email protected]

www: http://polishwords.com.pl

ISBN: 978-83-933516-1-9

Copyright © Tomasz Smykowski

mailto:[email protected]

http://polishwords.com.pl/

Spis treści 1 Wstęp.................................................................................9 2 Zakładanie strony społecznościowej.................................9

2.1 Zakładanie konta osobistego.....................................9 2.2 Logowanie się do konta...........................................21 2.3 Zakładanie strony społecznościowej.......................24 2.4 Budowa panelu administracyjnego .........................32 2.5 Budowa strony społecznościowej............................36

3 Edycja strony społecznościowej.....................................42 3.1 Strona kreatora Zakładka Polishwords....................42 3.2 Aktualności..............................................................45 3.3 Wsparcie techniczne................................................47 3.4 Instalacja kreatora na stronie społecznościowej......51 3.5 Zmiana ikony i nazwy zakładki...............................57 3.6 Budowa zakładki.....................................................59 3.7 Edycja zakładki.......................................................63 3.8 Menadżer strony społecznościowej.......................142 3.9 Statystyki...............................................................145 3.10 Podsumowanie.....................................................151

4 O kreatorze Zakładka Polishwords...............................152 4.1 Historia..................................................................152 4.2 Przykłady użycia...................................................153 4.3 Opinie użytkowników...........................................154 4.4 Zalety kreatora.......................................................156

5 Appendix.......................................................................160 5.1 Odnośniki..............................................................160 5.2 Lektura uzupełniająca............................................160 5.3 Wsparcie rozwoju kreatora....................................161 5.4 Szkolenia...............................................................161 5.5 Kontakt..................................................................162

6 O autorze.......................................................................164

Szczegółowy spis treści 1 Wstęp.................................................................................9 2 Zakładanie strony społecznościowej.................................9

2.1 Zakładanie konta osobistego.....................................9 2.2 Logowanie się do konta...........................................21 2.3 Zakładanie strony społecznościowej.......................24 2.4 Budowa panelu administracyjnego .........................32 2.5 Budowa strony społecznościowej............................36

3 Edycja strony społecznościowej.....................................42 3.1 Strona kreatora Zakładka Polishwords....................42 3.2 Aktualności..............................................................45 3.3 Wsparcie techniczne................................................47

3.3.1 Demo kreatora.................................................48 3.3.2 Migracja z innych kreatorów...........................48 3.3.3 Przykłady użycia..............................................49 3.3.4 Dział kontakt....................................................49

3.3.4.1 Najczęściej zadawane pytania..................49 3.3.4.2 Forum dyskusyjne....................................50 3.3.4.3 Zgłoś błąd / propozycję............................50 3.3.4.4 E-mail.......................................................50 3.3.4.5 Live support.............................................51

3.4 Instalacja kreatora na stronie społecznościowej......51 3.5 Zmiana ikony i nazwy zakładki...............................57 3.6 Budowa zakładki.....................................................59 3.7 Edycja zakładki.......................................................63

3.7.1 Like - gate czyli treść dla fanów......................65 3.7.2 Kanał RSS........................................................67 3.7.3 Statystyki Google Analytics............................68 3.7.4 Wizualny edytor zakładki................................69

3.7.4.1 Pasek narzędzi..........................................70 3.7.4.2 Pole edytora..............................................74

3.7.5 Edytor typograficzny.......................................76 3.7.6 Edytor kolorów................................................78 3.7.7 Edytor HTML..................................................81

3.7.8 Menadżer zdjęć................................................83 3.7.8.1 Wgrywanie zdjęć......................................85 3.7.8.2 Zmiana rozmiaru i przycinanie zdjęć.......88 3.7.8.3 Obracanie zdjęć........................................88 3.7.8.4 Dodatkowe właściwości...........................89 3.7.8.5 Umieszczanie zdjęcia na zakładce...........91 3.7.8.6 Wyskakujące zdjęcie................................94 3.7.8.7 Zarządzanie zdjęciami..............................96

3.7.9 Dodatki..........................................................101 3.7.9.1 Wystrój...................................................103

3.7.9.1.1 Skórki.............................................103 3.7.9.1.2 Kolor tła..........................................104 3.7.9.1.3 Menu...............................................106

3.7.9.2 Marketing...............................................107 3.7.9.2.1 Przycisk "Lubię to"........................107 3.7.9.2.2 Przycisk "Wyślij"...........................108 3.7.9.2.3 Galeria fanów.................................109 3.7.9.2.4 Zapraszanie znajomych..................110

3.7.9.3 Sprzedaż.................................................112 3.7.9.3.1 Widżet Helion.................................112 3.7.9.3.2 Widżet Allegro................................113

3.7.9.4 Obsługa klienta.......................................114 3.7.9.4.1 Formularz kontaktowy....................115 3.7.9.4.2 Komentarze.....................................116 3.7.9.4.3 Księga gości....................................116 3.7.9.4.4 Opinie.............................................117 3.7.9.4.5 Mapa dojazdu.................................117 3.7.9.4.6 Mapa z adresem..............................118 3.7.9.4.7 Lokalizacja wydarzenia..................118 3.7.9.4.8 Lokalizacja oddziału.......................118

3.7.9.5 Zdjęcia / grafika.....................................119 3.7.9.5.1 Pokaz slajdów Galleria...................122 3.7.9.5.2 Pokaz slajdów Dslider....................123 3.7.9.5.3 Pokaz slajdów Nivo........................124 3.7.9.5.4 Pokaz slajdów Flexslider................126

3.7.9.6 Filmy / muzyka......................................127 3.7.9.6.1 Film YouTube.................................128 3.7.9.6.2 Kanał YouTube...............................129 3.7.9.6.3 Playlista YouTube...........................130 3.7.9.6.4 Film Vimeo.....................................131 3.7.9.6.5 Film Wrzuta....................................132 3.7.9.6.6 Film Dailymotion...........................132 3.7.9.6.7 Film Metacafe................................133 3.7.9.6.8 Muzyka Wrzuta..............................134 3.7.9.6.9 Muzyka SoundCloud......................135 3.7.9.6.10 Muzyka MySpace.........................135

3.7.9.7 Mikroblogi.............................................136 3.7.9.7.1 Blip.................................................137 3.7.9.7.2 Twitter............................................138

3.7.9.8 Rozrywka...............................................138 3.7.9.8.1 Wyścigi Bandit Racer.....................139 3.7.9.8.2 Puzzle.............................................140

3.7.9.9 Narzędzia...............................................140 3.7.9.9.1 Przekierowanie na inną stronę........140 3.7.9.9.2 Przekierowanie na tablicę...............141 3.7.9.9.3 Przekierowanie na inną zakładkę...141 3.7.9.9.4 Osadzanie innej strony...................141

3.7.9.10 Dema....................................................141 3.7.9.10.1 Prezentacja Impress......................141

3.7.9.11 Pomoc...................................................142 3.8 Menadżer strony społecznościowej.......................142

3.8.1 Dodawanie większej liczby zakładek do strony..................................................................................142 3.8.2 Dodawanie zakładek do innej strony społecznościowej......................................................145

3.9 Statystyki...............................................................145 3.9.1 Podsumowanie...............................................146

3.9.1.1 Zbiorcze statystyki standardowe............147 3.9.1.2 Zbiorcze statystyki konwersji................148 3.9.1.3 Zbiorcze statystyki odsłon podzakładek 148

3.9.1.4 Zbiorcze statystyki kliknięć linków.......148 3.9.2 Zaangażowanie..............................................149 3.9.3 Konwersja......................................................150

3.10 Podsumowanie.....................................................151 4 O kreatorze Zakładka Polishwords...............................152

4.1 Historia..................................................................152 4.2 Przykłady użycia...................................................153 4.3 Opinie użytkowników...........................................154 4.4 Zalety kreatora.......................................................156

5 Appendix.......................................................................160 5.1 Odnośniki..............................................................160 5.2 Lektura uzupełniająca............................................160 5.3 Wsparcie rozwoju kreatora....................................161 5.4 Szkolenia...............................................................161 5.5 Kontakt..................................................................162

6 O autorze.......................................................................164

Rozdział 1 : Wstęp

1 WstępWitaj w oficjalnym podręczniku używania kreatora stron społecznościowych na Facebooku Zakładka Polishwords 7.0. Podręcznik ten przeprowadzi Cię przez proces zakładania strony społecznościowej, dodawania i komponowania zakładek oraz mierzenia efektów działań na Facebooku.

2 Zakładanie strony społecznościowej

2.1 Zakładanie konta osobistegoFacebook rozróżnia dwa typy kont: pierwsze to konto osobiste zakładane na swoje imię i nazwisko. Konto to nazywane profilem społecznościowym pozwala dzielić się treściami np. tylko ze znajomymi. Po zaproszeniu znajomego do swojej listy kontaktów tylko on będzie widział niektóre, wybrane przez nas treści np. zdjęcia prywatne. Jeśli natomiast znajomy odnajdzie nas na Facebooku i zaprosi do swojej listy znajomych zanim to nastąpi dostaniemy zaproszenie, które należy zaakceptować. W ten sposób kontrolujemy dokładnie kto jakie treści dostaje.

Drugi typ konta jest trochę odmienny. Jest nim strona

9 / 164

Rozdział 2 : Zakładanie strony społecznościowej

społecznościowy. Powstał on z przeznaczeniem dla firm i organizacji, które chcą na Facebooku prowadzić działania marketingowe i promocyjne. W odróżnieniu od profilu społecznościowego nie jest to konto imienne zakładane jest na nazwę, zupełnie tak jak firma. Kolejną różnicą w porównaniu do konta osobistego jest to, że nie musimy akceptować listy zaproszonych „znajomych”.Gdy odwiedzający stronę uzna, że chce otrzymywać informacje od naszej firmy naciska przycisk „lubię to” wyrażając tym samym zgodę na otrzymywanie od nas informacji poprzez naszą stronę społecznościową. Nie musimy akceptować „polubień” co powoduje, że obojętnie czy jesteśmy przy komputerze czy nie, kolejne osoby mogą zapisywać się na stronę społecznościową. Jest to więc wygodna forma komunikacji z klientami, osobami zaangażowanymi w działania organizacji czy potencjalnymi nabywcami.

Strona społecznościowa jest administrowana z poziomu konta osobistego. Można porównać to, znowu, do działania firmy, gdzie pod jedną marką mogą pracować różne osoby i nie muszą eksponować swojego przypisania do firmy publicznie. Tak samo strona społecznościowa ma przypisanych administratorów, którzy zarządzają kontem. Aby więc zacząć przygodę z Facebookiem należy założyć najpierw konto osobiste. Zobaczymy teraz jak zrobić to krok po kroku:

10 / 164


Krok 1. Otwórz stronę https://www.facebook.com

Uruchom swoją ulubioną przeglądarkę internetową np. Internet Explorera, Firefoksa, Chrome. Mają one następujące ikony:

Po uruchomieniu przeglądarki w miejsce na adres internetowy znajdujący się u góry wpisz adres https://www.facebook.com.

11 / 164

Która przeglądarka jest najlepsza?Do pracy polecamy najnowszą wersję przeglądarki Chrome albo Firefox. Jednak jeśli nie masz wpływu na programy jakie są zainstalowane na komputerze, co ma miejsce w niektórych firmach domyślna przeglądarkaktórą przeglądasz internet tj. Internet Explorer przynajmniej w wersji 9 też będzie dobra.

Aby dowiedzieć się jaką masz wersję przeglądarki skonsultuj się z informatykiem albo z nami na adres [email protected]

https://www.facebook.com/




Tak wygląda to pole w Firefoksie, w Twojej przeglądarce może ono wyglądać odrobinę inaczej:

Po wpisaniu adresu naciśnij przycisk ENTER na klawiaturze. Załadowana zostanie strona internetowa Facebooka.

12 / 164

Dlaczego HTTPS?Zauważ, że zamiast wpisać na początku adresu internetowego. Jak to zwykle bywa „http“ wpisaliśmy „https“. Instruuje to przeglądarkę, aby szyfrować komunikację między Twoim komputerem a Facebookiem. W konsekwencji możesz bezpiecznie zarządzać kontem firmowym na Facebooku. Użycie adresu HTTPS powoduje również, że przeglądarka upewnia się, że połączyłeś się faktycznie z Facebookiem, a nie jakąś stroną-podróbką Facebooka. Innymi słowy jeśli użyjesz adresu zaczynającego się od https możesz czuć się całkiem bezpiecznie prowadząc konto firmowe.


Po wejściu na wymieniony wcześniej adres Facebook przywita Cię następującym oknem:

Krok 2: Załóż konto osobisteJeśli posiadasz już konto osobiste przejdź do kroku trzeciego. Jeśli jeszcze go nie masz (albo nie masz pojęcia co to jest) czytaj dalej.

Konto osobiste to Twoje prywatne konto na Facebooku. Nie

13 / 164


musisz go prowadzić, ani nic na nim umieszczać. Właściwie nic na nim nie musisz robić. Ale aby zarządzać stroną społecznościową trzeba mieć konto osobiste. Dlatego zobaczymy teraz jak takie konto założyć.

Wiele osób w tym momencie zaczyna od naciśnięcia linku na dole pod zielonym przyciskiem "Rejestracja" pt. "utwórz stronę" tym samym pomijając utworzenie konta osobistego. Jednak praktyka pokazuje, że metoda ta prowadzi później do pewnych trudności z obsługą strony. Dlatego najlepiej zacząć od założenia najpierw konta osobistego tak samo jak dowód osobisty wyrabia się przed założeniem firmy.

Aby zarejestrować się wprowadź więc wymagane dane, a więc:

• imię

• nazwisko

• Twój adres e-mail

• jeszcze raz adres e-mail

• hasło

• płeć

• datę urodzenia

Dane należy podać starannie. Użyj hasło, które zapamiętasz

14 / 164


bowiem dzięki niemu będziesz mógł zarządzać kontem firmowym na Facebooku. Jednocześnie hasło musi być wystarczająco bezpieczne. Bardzo często zapominamy hasła ustawiane w internecie dlatego koniecznie podaj starannie adres e-mail (dlatego jest pole podwójnego potwierdzenia) jak również płeć i datę urodzenia. W momencie gdy zapomnisz swoje hasło m.in. te dane pozwolą Ci odzyskać do niego dostęp. Facebook może poprosić w przyszłości o potwierdzenie danych np. przez wysłanie kserokopii dowodu osobistego dlatego tak ważne jest, aby podane informacje były poprawne.

Jeśli wprowadzone dane są poprawne naciśnięcie przycisku "rejestracja" poskutkuje założeniem konta osobistego i automatycznym zalogowaniem się do niego. Zobaczysz wtedy najpierw 3-stopniowy kreator który prowadzi przez proces ustawiania podstawowych danych. Możesz z niego skorzystać, albo zrezygnować z każdego kroku naciskając przycisk "Pomiń ten krok":

15 / 164


W pierwszym kroku Facebook zachęca do podania danych dostępowych do Twojego konta pocztowego albo Skype'a. Na podstawie danych zebranych z tych kont jest w stanie wyszukać Twoich znajomych (czy też klientów) którzy już mają konto na Facebooku i zaprosić ich do znajomych. Jeśli nie mają oni konta na Facebooku zostaną poproszeni o jego założenie. Jest to dobry sposób, aby zebrać pierwsze kontaktu na Facebooku, które pomogą później promować stronę społecznościową. Jednak jeśli nie chcesz na razie decydować pomiń ten krok można do niego wrócić później w dowolnym momencie.

16 / 164


W kroku drugim Facebook zapyta się o szkołę średnią i wyższą które ukończyłeś. Wskazanie ich może ułatwić nawiązanie kontaktów ze starymi znajomymi. Zawsze jednak możesz odszukać starych znajomych ze szkoły później. Krok ten można pominąć bez wskazania danych:

W trzecim kroku Facebooku zaproponuje dodanie zdjęcia profilowego. Można je wykonać teraz kamerą internetową (jeśli taką posiadasz) albo pobierając zdjęcie z dysku. Nie musisz jednak robić tego teraz. Równie dobrze możesz pominąć ten krok i uzupełnić zdjęcie w przyszłości.

17 / 164


Po zamknięciu kreatora pojawi się w końcu konto osobiste. Wygląda ono następująco:

18 / 164


Zgodnie z instrukcją zawartą u góry strony zajrzyj do swojej skrzynki pocztowej, aby dokończyć proces aktywacji konta. Aby potwierdzić, że faktycznie jesteś właścicielem podanej podczas rejestracji skrzynki pocztowej otrzymasz wiadomość e-mail o następującej treści:

19 / 164


Kliknij w link otrzymany we wiadomości. Jeśli nic się nie dzieje skopiuj go i ręcznie wklej do pola na adres internetowy w przeglądarce a następnie naciśnij przycisk ENTER. W obu przypadkach gdy wszystko pójdzie dobrze zobaczysz swoje konto osobiste:

20 / 164


2.2 Logowanie się do kontaGratulacje! Konto osobiste jest już gotowe. Na koniec jeszcze tylko dwie informacje dotyczące konta osobistego. Aby się z niego wylogować naciśnij trójkąt znajdujący się na niebieskiej belce u góry. Po rozwinięciu się menu wybierz "Wyloguj się":

21 / 164


Pamiętaj aby zawsze wylogowywać się z konta osobistego jeśli korzystasz z komputera w kafejce internetowej, albo w pracy gdy dzielisz go z innymi osobami.

Aby zalogować się ponownie wejdź jeszcze raz na adres https://www.facebook.com, a następnie na niebieskiej belce u góry po prawej stronie wprowadź login i hasło:

Jeśli nie współdzielisz komputera z innymi osobami możesz zaznaczyć pole "nie wylogowuj mnie" aby móc być ciągle zalogowanym na Facebooku. Jeśli zapomnisz hasło możesz

22 / 164



odzyskać dostęp do konta klikając w link "nie pamiętasz hasła?" znajdujący się poniżej pola na hasło.

Podczas logowania się przeglądarka internetowa może zaproponować zapamiętanie hasła wyświetlając okno podobne do tego:

Jeśli zgodzisz się, przeglądarka zapamięta login i hasło i będzie samemu wypełniać te dane w oknie logowania się do Facebooka. Jest to wygodne rozwiązanie aby mieć łatwiejszy dostęp do konta. Jednocześnie pamiętaj, aby nie korzystać z niego jeśli współdzielisz komputer z innymi osobami. Bezpieczeństwo z jakim hasło jest przechowywane na komputerze zależy od konkretnej przeglądarki internetowej. Dlatego jeśli chcesz z tej opcji skorzystać upewnij się (np. kontaktując się z informatykiem), że masz zainstalowany i poprawnie skonfigurowany program antywirusowy i zaporę ogniową na swoim komputerze, aby zablokować

23 / 164


nieupoważnionym osobom dostęp do komputera.

To wszystko co w tym momencie jest ważne odnośnie konta osobistego. Masz już je i możesz się na nie bezpiecznie logować. W kolejnym rozdziale dowiesz się jak założyć stronę społecznościową.

2.3 Zakładanie strony społecznościowejZ poprzednich rozdziałów dowiedziałeś się jak założyć konto osobiste oraz jak logować się do niego i

24 / 164

Jakie dane schować w sejfie?Czy zdarzyło Ci się kiedyś zapomnieć dane do konta w Internecie? Konto na Facebooku z czasem będzie miało dla Ciebie coraz większą wartość. Dlatego warto zadbać o to, aby nie utracić do niego dostępu. Podstawowe dane jakie musisz pamiętać to adres e-mail na jaki założyłeś konto oraz hasło. Jeśli więc masz sejf to dobre miejsce na przechowanie tych danych. Oczywiście to może być przesada, ale każde bezpieczne miejsce będzie dobrym miejscem na zabezpieczenie tych danych. Nawet jeśli masz świetną pamięć czasem warto dodatkowo się zabezpieczyć przed skutkami czasu.


wylogowywać. Konto to jest potrzebne, aby założyć stronę społecznościową dla Twojej firmy, organizacji, przedsięwzięcia czy produktu. Zobaczymy teraz jak założyć stronę społecznościową.

Aby utworzyć nową stronę społecznościową wejdź na http://www.facebook.com/pages/create.php. Spośród dostępnych typów fanpage'a wybierz odpowiedni do Twoich celów:

25 / 164

Czy to znaczy, że osoby lubiące stronę społecznościową będą widzieć, że nią zarządzam?Nie. Co prawda trzeba mieć konto osobiste aby założyć stronę społecznościową i w widocznych dla Ciebie i innych administratorów opcjach widać, że jesteś administratorem to odwiedzający stronę społecznościową nie widzą, że nią zarządzasz. W żadnym momencie informacje o tym, kto zarządza stroną społecznościową nie są widoczne o ile sam nie zdecydujesz się opublikować takie informacje.

http://www.facebook.com/pages/create.php


Każdy rodzaj fanpage'a ma trochę inne ustawienia dlatego warto poświęcić chwilę na wybór odpowiedniej kategorii:

- lokalny biznes lub miejsce – ten typ jest dobry jeśli prowadzisz lokalny sklep, restaurację, czy zakład usługowy,

- firma, organizacja lub instytucja – typ odpowiedni gdy nie masz jednej lokalizacji, ale kilka oddziałów, albo prowadzisz organizację,

- marka lub produkt – dla każdej swojej marki lub produktu możesz utworzyć oddzielne fanpage,

26 / 164


- artysta, zespół lub osoba publiczna – jako prelegent, muzyk, członek zespołu muzycznego, artysta albo prezenter telewizyjny będziesz chciał wybrać tę opcję,

- strona dobroczynnej organizacji non-profit lub społeczności – dobry typ dla organizacji pozarządowych, studenckich, obywatelskich, charytatywnych itp. Itd.,

- rozrywka – odpowiedni typ dla wszystkich rozrywkowych stron społecznościowych, które nie pasują w żaden sposób do innych wymienionych kategorii.

Po wybraniu kategorii i wypełnieniu podstawowych informacji otworzy się kreator konfiguracji fanpage'a. Może on różnić się w zależności od typu. W poniższym przykładzie po wybraniu lokalnego biznesu proszeni jesteśmy o podanie zdjęcia profilowego:

27 / 164

Skasowałem fanpage i stworzyłem nowy jak odzyskać zakładki?Skontaktuj się z nami.


Obecnie zdjęcie profilowe ma 160 na 224 piksele. Jeśli podany plik będzie większy zostanie przeskalowany z utratą jakości. Dlatego warto zaopatrzyć się w grafikę o tym rozmiarze, albo przynajmniej o tych samych proporcjach. W drugim kroku podajemy podstawowe informacje o fanpageu np. O czym będziemy pisać na nim oraz czym zajmuje się nasza firma / organizacja, co sprzedaje / oferuje itp. Warto podać też link do swojej strony. Może on pomóc w jej pozycjonowaniu w wyszukiwarkach:

28 / 164


Po przejściu wszystkich kroków kreatora strona społecznościowa zostanie utworzona i wyświetlona. Na początku Facebooku wyświetla interaktywny kurs po funkcjach fanpage'a:

29 / 164

Skasowałem fanpage i stworzyłem nowy jak odzyskać zakładki?Skontaktuj się z nami.


Po jego ukończeniu wyświetlona zostanie gotowa do używania strona społecznościowa:

30 / 164


Gratulacje! Nowa strona społecznościowa jest gotowa!

W następnym rozdziale dowiesz się jakie jest przeznaczenie poszczególnych części strony społecznościowej.

31 / 164


2.4 Budowa panelu administracyjnego W tym rozdziale dowiesz się z jakich podstawowych części składa się strona społecznościowa. Zacznijmy od panelu administracyjnego. Jest on umieszczony na górze. Składa się z szeregu przycisków po prawej stronie, boksów "powiadomienia", "wiadomości", "nowe znaczniki 'lubię to'", "statystyki" oraz "podpowiedzi dotyczące stron":

Panel administracyjny gromadzi w jednym miejscu

32 / 164


wszystkie informacje jakie potrzebujesz mieć odnośnie strony społecznościowej. W dziale powiadomień otrzymywać będziesz zbiorcze informacje o nowych polubieniach, komentarzach i udostępnieniach. Oto przykład

informacji dla prowadzonego fanpage'a:

Internauci mogą wysyłać prywatne wiadomości do strony społecznościowej. Wtedy zobaczysz ją w panelu "wiadomości" po prawej stronie u góry:

33 / 164


Po lewej stronie na dole widoczny jest panel "nowe znaczniki 'lubię to'" przydatne na przykład jeśli chciałbyś przywitać każdego nowego fana, po prawej stronie na dole: przydatne podpowiedzi i porady dotyczące prowadzenia strony społecznościowej, natomiast pośrodku na dole ujawnią się po pewnym czasie statystyki strony społecznościowej:

34 / 164


Kropki na osi X wskazują w którym dniu napisałeś wpis. Czym większa średnica kropki tym większa liczba wpisów danego dnia pojawiła się na stronie społecznościowej. Zielona nitka wskazuje liczbę osób, które "mówią" o stronie społecznościowej, a więc weszły danego dnia w interakcję ze stroną, natomiast zasięg oznacza liczbę osób, które zobaczyły danego dnia treści z Twojej strony społecznościowej.

Panel administracyjny widoczny jest tylko i wyłącznie dla administratorów strony, odwiedzający nie widzą go. Możesz go ukryć naciskając przycisk "Ukryj" znajdujący się po prawej stronie u góry. Wtedy zobaczysz jak wygląda strona społecznościowa oczami odwiedzającego ją internauty.

35 / 164


2.5 Budowa strony społecznościowejWiadomo już jakie korzyści daje panel administracyjny strony społecznościowej. Teraz przyjrzyjmy się budowie samej strony społecznościowej, a więc tej części, która jest widoczna dla fanów i odwiedzających:

Powyżej przedstawiona została jako przykład strona społecznościowa kreatora Zakładka Polishwords. Zdjęcie

36 / 164


bicykli u góry to tzn. "cover photo" albo "zdjęcie w tle" o rozmiarze 850 na 315 pikseli.

Po lewej stronie znajduje się zdjęcie profilowe o rozmiarze 160 na 163 piksele. Zdjęcie to widoczne jest na tablicy internauty obok umieszczonego przez fanpage wpisu. Na prawo od zdjęcia profilowego widoczna jest nazwa strony, a poniżej dwie ważne statystyki: ilość osób, które "lubią" fanpage, czyli zapisały się na otrzymywanie od niego informacji oraz ilość osób, które o fanpage'u mówią, czyli polubiły, skomentowały albo udostępniły wpis ze strony.

Poniżej zdjęcia profilowego widoczny jest opis strony. Kliknięcie linku "Informacje" powoduje wyświetlenie szczegółowych danych o stronie, firmie, organizacji czy produkcie.

Na prawo od opisu znajdują się zakładki. Pierwszą z nich jest galeria zdjęć: jako ilustracja galerii pojawia się fragment ostatnio umieszczonego zdjęcia. Zakładka ta na stało znajduje się w tym miejscu. Co znajduje się na kolejnych zakładkach? To już zależy od administratora strony. W powyższym przykładzie pierwsza o nazwie "demo" prowadzi do pokazu produktu, druga "migracja" instruuje jak przenieść się do kreatora "Zakładka Polishwords" z innych kreatorów, natomiast trzecia prowadzi do osobistego apelu twórcy kreatora.

37 / 164


Zakładki są reprezentowane przez ikony o wielkości 111 na 74 piksele oraz nazwę wyświetlaną poniżej. Do strony społecznościowej, chociaż można dodać więcej niż 3 zakładki to jednak po wejściu na stronę internauta widzi głównie trzy. Dopiero po kliknięciu przycisku po prawej stronie z wyświetloną liczbą dodatkowych zakładek pojawi się pozostała ich lista:

Jak widać po rozwinięciu listy widocznych jest pięć dodatkowych zakładek i puste pola z ikonami w rogu służącymi do ich wypełnienia. Ilość zakładek dostępnych po utworzeniu strony społecznościowej zależy od jej typu. Oprócz galerii często widoczna jest też ikona wyświetlająca

38 / 164


liczbę osób, które stronę społecznościową polubiły. W odróżnieniu od galerii można ją swobodnie przenosić.

Przenoszenie zakładek to jedna z kilku opcji zarządzania zakładkami. Aby zobaczyć je wszystkie należy najechać kursorem myszki na zakładkę a następnie kliknąć na przycisk z ołówkiem wyświetlony w prawym górnym rogu:

Opcja "zamień pozycję z" służy do aranżowania zakładek na stronie społecznościowej. W ten sposób można ustalić które

39 / 164


zakładki będą widoczne od razu po wejściu na stronę, a które dopiero po rozwinięciu ich listy.

Kolejna przydatna opcja to "edytuj ustawienia". Po jej naciśnięciu pojawi się okno ustawień zakładki:

Można w nim zmienić dużą ikonę zakładki oraz jej nazwę na niestandardowe. Jedyne czego nie można zmienić to mała ikona znajdująca się poniżej dużej i na lewo od nazwy zakładki co spowodowane jest ograniczeniami jakie nałożył Facebook.

Aby usunąć zakładkę ze strony społecznościowej należy skorzystać z opcji o nazwie "Usuń z ulubionych". Natomiast aby ją przywrócić należy ponownie otworzyć menu i wybrać

40 / 164


"Dodaj do ulubionych":

Aby móc korzystać z tych opcji trzeba najpierw zainstalować kreator na stronie społecznościowej. Instrukcja jak tego dokonać przedstawiona jest w dalszej części tej instrukcji.

Zanim jednak do tego przejdziemy przedstawimy ostatnią część strony społecznościowej widocznej na pokazanym wcześniej przykładzie. Po prawej stronie widoczne są przyciski "teraz", "marzec", "2012" i "założenie". Są to wybrane daty z przeszłości które pozwalają na szybkie przewinięcie historii strony społecznościowej do podanego okresu.

Pod zakładkami natomiast widoczne są wpisy ułożone chronologicznie od najnowszych do najstarszych oraz dodatkowe pola takie jak "Ostatnie posty innych użytkowników" czy "Aktywność".

41 / 164


Po lewej stronie natomiast znajduje się pole do umieszczania nowych wpisów:

Mogą to być wpisy tekstow, zdjęcia, galerie zdjęć, filmy, wydarzenia albo proste ankiety (dostępne po kliknięciu przycisku "wydarzenie, ważne wydarzenie +").

3 Edycja strony społecznościowej

3.1 Strona kreatora Zakładka PolishwordsWiemy już jak wygląda strona społecznościowa. Wiemy gdzie można umieścić elementy graficzne przyciągające uwagę odwiedzającego, krótki opis strony oraz aktualności. Teraz zajmiemy się rozbudowaniem strony społecznościowej o dodatkowe informacje. Aby to zrobić posłużymy się kreatorem "Zakładka Polishwords". Zaczniemy więc od poznania tego kreatora. On też ma swoją stronę społecznościową na Facebooku.

42 / 164

Rozdział 3 : Edycja strony społecznościowej

Aby ją zobaczyć wpisujemy w wyszukiwarkę Facebooka hasło "Zakładka Polishwords" i klikamy w stronę o tej nazwie:

43 / 164

Kto może korzystać z kreatora?Każdy. Kreatora można używać w celach komercyjnych i niekomercyjnych. Może korzystać z niego firma prywatna, sklep internetowy a nawet agencja interaktywna, marketingowa. Jeżeli jesteś z agencji i potrzebujesz dodatkowych gwarancji stabilności usługi (zapewnia ją Polishwords) to skontaktuj się z nami: [email protected].


W efekcie wyświetli się strona kreatora. Może ona różnić się paroma szczegółami jednak najważniejsze informacje są łatwe do odnalezienia:

44 / 164


3.2 AktualnościStrona kreatora służy do przekazywania jego użytkownikom informacji o nowościach w kreatorze, sukcesach jego użytkowników czy informacji o konkursach na najlepsze strony społecznościowe w których użytkownicy kreatora powinni uczestniczyć, aby coś wygrać:

45 / 164


Aby otrzymywać nowe informacje o kreatorze należy kliknąć przycisk "lubię to" znajdujący się u góry:

46 / 164


3.3 Wsparcie techniczneStrona społecznościowa kreatora to też centralne miejsce dla wszystkich potrzebnych informacji o nim. Zostały one zgromadzone na kilku zakładkach:

47 / 164


3.3.1 Demo kreatoraNa zakładce "demo" znajduje się aktualizowana w miarę na bieżąco prezentacja gotowych do wykorzystania dodatków znajdujących się w kreatorze. Możesz tu szybko zobaczyć jakie efekty pozwala osiągnąć kreator zanim jeszcze go zainstalujesz.

3.3.2 Migracja z innych kreatorówW dziale "migracja" znajdziesz instrukcje jak przenieść się z

48 / 164


innych kreatorów takich jak Static HTML, TabPress czy iFrameGate do kreatora Zakładka Polishwords z jednoczesnym zachowaniem wszystkich swoich ustawień oraz porównawczą listę nowych możliwości które dzięki temu uzyskasz.

3.3.3 Przykłady użyciaW dziale "przykłady użycia" znajduje się kilka inspirujących, praktycznych i prostych w wykonaniu zakładek, które mogą przydać się gdy zaczynasz pracę z kreatorem i lubisz uczyć się obsługi rzeczy na konkretnych przykładach.

3.3.4 Dział kontaktW dziale kontakt znajduje się kilka ważnych podzakładek. Opiszemy je po kolei:

3.3.4.1 Najczęściej zadawane pytaniaW trakcie rozwijania kreatora odpowiedzieliśmy na dziesiątki pytań. Aby ułatwić Ci uzyskanie szybko odpowiedzi bez potrzeby oczekiwania na naszą odpowiedź na bieżąco aktualizujemy listę najczęściej zadawanych pytań. Obecnie posiada ona ponad 50 pytań i szczegółowych odpowiedzi i wciąż rośnie.

49 / 164


3.3.4.2 Forum dyskusyjneForum dyskusyjne jest miejscem dla wszystkich użytkowników kreatora gdzie można rozmawiać na każdy temat związany kreatorem, Facebookiem i marketingiem, poszukać odpowiedzi, wsparcia albo porad dotyczących tego jak jeszcze lepiej korzystać z możliwości promocji jakie daje kreator i Facebook.

3.3.4.3 Zgłoś błąd / propozycjęNa tej stronie znajduje się formularz przeznaczony do zgłaszania błędów w kreatorze i propozycji. Nasz system śledzenia zgłoszeń powoduje, że żadne nie zostanie przeoczone, każdy błąd zostanie naprawiony, a każda propozycja uwzględniona. Jednocześnie formularz zawiera pola na istotne informacje, które ułatwią nam rozpatrzenie zgłoszenia.

3.3.4.4 E-mailW tej zakładce znajduje się formularz kontaktowy i adres e-mail do kontaktu z nami. Jest to forma kontaktu jaką preferujemy w standardowych sytuacjach. W razie potrzeby prosimy więc o kontakt pod adresem [email protected].

50 / 164



3.3.4.5 Live supportZakładka "live support" zawiera listę danych kontaktowych dzięki którym będziemy mogli pomóc na bieżąco. Znajdują się tam:

- numer Gadu Gadu

- kontakt Google Talk

- kontakt Facebook

- kontakt przez Skype

- kontakt przez AIM

- kontakt przez ICQ

- okno czatu z doradcą

- numer telefonu komórkowego.

Kontakty są do dyspozycji użytkowników kreatora.

3.4 Instalacja kreatora na stronie społecznościowej

Wiadomo już jakie formy wsparcia technicznego są dostępne dla użytkowników kreatora zakładek. Przejdźmy więc do instalacji kreatora na stronie społecznościowej, a więc stworzenia nowej zakładki. Aby to uczynić wejdź na stronę kreatora (http://www.facebook.com/pages/Zak

51 / 164

http://www.facebook.com/pages/Zak%C5%82adka-Polishwords/231791543565087


%C5%82adka-Polishwords/231791543565087) i naciśnij na przycisk "przejdź do aplikacji", albo od razu otwórz ten link: http://apps.facebook.com/zakladka_pl.

Z listy rozwijanej wybierz stronę społecznościową do której chcesz dodać nową zakładkę:

A następnie potwierdź decyzję przyciskiem "Dodaj aplikację Zakładka Polishwords" a ujrzysz swoją stronę społecznościową z nową zakładką z charakterystyczną ikoną i nazwą "Powitanie":

52 / 164

http://apps.facebook.com/zakladka_pl

http://www.facebook.com/pages/Zak%C5%82adka-Polishwords/231791543565087


Teraz otwórz zakładkę klikając w jej ikonę. Następnie kliknij na ikonę ołówka w prawym rogu paska administracyjnego zakładki:

Zaloguj się do kreatora klikając przycisk "Zaloguj się za pośrednictwem Facebooka" w nowootwartym oknie. Jeśli okno nie pojawiło się może być potrzebne odblokowanie

53 / 164


wyskakujących okien w przeglądarce:

Teraz kliknij niebieski przycisk "Lubię to" aby zapisać się na

54 / 164

Podczas logowania do kreatora pojawia się okno autoryzacji. Czy ktoś widzi, że jestem administratorem zakładki?Autoryzacja jest wymogiem bezpieczeństwa. Informacja o byciu administratorem nie jest nigdzie widoczna.


aktualności o kreatorze:

Pojawi się wtedy formularz aktywacji mejla. Mechanizm ten wprowadziliśmy aby zwiększyć bezpieczeństwo zarządzania zakładkami na Facebooku. Należy w nim podać adres e-mail z którego korzysta administrator zarządzający zakładką ponieważ przyjdzie na niego e-mail aktywacyjny.

Następnie, aby mieć pewność, że mejl nie trafi do spamu należy przejść do swojego programu pocztowego i dodać adres [email protected] do białej listy zaufanych adresów kontaktowych.

55 / 164



Po zrobieniu tego, po 5 minutach powinien trafić do skrzynku mejl aktywacyjny o następującej treści:

Aby aktywować e-mail należy kliknąć pierwszy link w treści. Jeśli nie jest on klikalny należy go skopiować do schowka, wkleić do paska adresu przeglądarki i otworzyć w niej niniejszy adres. Po jego otwarciu pojawi się komunikat o zatwierdzeniu adresu e-mail:

Teraz można zamknąć okno aktywacji i wrócić do strony z otwartą zakładką. Odśwież tę podstronę. Zobaczysz wtedy przyciski administracyjne. Kreator jest gotowy do użycia:

56 / 164


Kreator został już zainstalowany i jest gotowy do użycia. Zaczniemy teraz modyfikację treści zakładki począwszy od zmiany jej ikony i nazwy zakładki.

3.5 Zmiana ikony i nazwy zakładkiAby zmienić nazwę albo ikonę zakładki naciśnij przycisk z trójkątem obok listy zakładek na stronie społecznościowej, a następnie najedź kursorem na zakładkę i naciśnij ołówek w jej prawym górnym rogu:

57 / 164


Opcja "edytuj ustawienia" otwiera okno zmiany ikony i nazwy zakładki. Dla przykłady zmieniliśmy nazwę zakładki na "mapa dojazdu" a ikonę na uprzednio przygotowaną grafikę o rozmiarze 111 na 74 piksele:

58 / 164


3.6 Budowa zakładkiW poprzednim rozdziale pokazane zostało jak zmienić nazwę i ikonę zakładki. W tym natomiast przyjrzymy się bliżej budowie samej zakładki. Oto ona:

59 / 164

Jak uzyskać link bezpośredni do zakładki?Z menu rozwijanego zakładki pokazanego wyżej wybierz opcję „link do tej karty“ albo po prostu kliknij prawym przyciskiem myszy na zakładkę i wybierz z opcji menu kontekstowego opcję skopiowania linku.


Zacznijmy od górnego paska z przyciskami. Przycisk "mała wielka firma" służy do powrotu do strony społecznościowej. Do nawigacji po poszczególnych zakładkach służy drugi przycisk ujawniający listę rozwijaną jak na załączonym obrazku:

Po prawej stronie u góry natomiast znajduje się przycisk "Lubię to!" pozwalający odwiedzającym polubić stronę społecznościową z poziomu zakładki. Warto więc zachęcać ludzi będących na zakładce do klikania "lubię to".

60 / 164

Tomasz Smykowski - Gandalf.com.pl · 2012-10-18 · Tomasz Smykowski Podręcznik tworzenia stron...

Documents

Transcript of Tomasz Smykowski - Gandalf.com.pl · 2012-10-18 · Tomasz Smykowski Podręcznik tworzenia stron...