“Lubię to” i inne wlepki Facebooka na własnej stronie

Przyciski i wklepki Facebook na twojej stronie internetowej

UWAGA: posiadanie skonfigurowanej Aplikacji FB nie jest wymagane, do opisywanych poniżej czynności jej nie wykorzystujemy.

czy masz konto użytkownika Facebook i Stronę oficjalną?

Jeśli nie, zajrzyj koniecznie do poprzedniego artykułu. Jeśli tak – to do dzieła!

Artykuł omawia jak umieścić na dowolnej stronie WWW (nie tylko WordPressie) przyciski Like i Udostępnij, oraz wklepkę Like Box. Stosowana tu metoda opiera się na wklejeniu wygenerowanego przez Facebook kodu w odpowiednim miejscu na stronie. Tak, po prostu kopiuj i wklej.

Musimy zaznaczyć, iż jest sposób w jaki my umieszczamy te funkcjonalności na stronach pracujących na silniku WordPress. Można użyć do tego wielu wtyczek, jeden naprawdę dobrej, tworzyć sprytne widgety itp., ale zazwyczaj nie robimy tego i nie polecamy. Dlaczego? Metoda jest uniwersalna, lekka i prosta. Daje wystarczająco dużo kontroli nad wyglądem funkcjonalności i nie obciąża strony. Jest to zwykła <iframe>, więc cała odpowiedzialność za połączenie, wyświetlanie i wykonywanie jest przeniesiona na serwis Facebook.

Jeśli używasz WordPressa i nie chcesz ruszać kodu źródłowego, ani wprowadzać własnoręcznie zmian w szablonie – dla twojej wygody opisaliśmy, jak uruchomić te same funkcje za pomocą wtyczki i zarządzać integracją z Facebookiem z poziomu Panelu Administracyjnego.

Integracje

- przycisk „Lubię to”

Ten popularny przycisk można użyć na dwa sposoby:

1. Kliknięcie dodaje do ulubionych Stronę oficjalną na Facebooku.
2. Kliknięcie „ulubia” aktualnie wyświetlaną stronę www, co pojawia się na profilu użytkownika jako „lubi link …”.

Istnieje prosty sposób, by faktycznie kontrolować, gdzie przycisk Lubię to będzie się pojawiał.

1. Wejdź na stronę generatora przycisków Lubię to/Like it na Facebooku

   - http://developers.facebook.com/docs/reference/plugins/like

   

2. Wybierz ustawienia, które Cię interesują. W pole URL to Like wpisz „URL”.
3. Kliknij w Get code.
4. Skopiuj zawartość pola opisanego jako iframe.

   Kod powinien wyglądać mniej więcej tak:

   
<iframe src="http://www.facebook.com/plugins/like.php?href=URL&layout=button_count&show_faces=true&width=450&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>


5. Wklej kod tam, gdzie chcesz.
6. W adresie SRC iframe‘ki odszukaj fragment href=URL. Tutaj zdefiniowana jest zmienna, która prześle Facebookowi informację o adresie strony, który jest lubiana. W miejscu skrótu „URL” możesz wpisać adres aktualnie przeglądanej strony albo adres twojej Strony oficjalnej.

   Lubię aktualnie przeglądaną stronę WWW:

   Zamień skrót „URL” na adres URL wywoływanej strony. O tak:

   
<iframe src="http://www.facebook.com/plugins/like.php?href=
http://nazwaserwisu.pl/aktualna-strona&layout=button_count&show_faces=true&width=450&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true">


   Jeśli używasz silnika WordPress, możesz wkleić wlepkę np. w szablon pojedynczego wpisu (single.php), strony (page.php) lub kategorii (category.php), pozwalającą „polubić” (czyt. promować) konkretny wpis bez użycia ciężkich, niepotrzebnych wtyczek.

   Dynamicznie zmieniaj skrót „URL” na adres URL wywoływanej strony. Skorzystaj z funkcji get_permalink(); o tak:

   
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo get_permalink(); ?>&layout=button_count&show_faces=true&width=450&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true">


   Lubię twoją Stronę na Facebooku:

   Jeśli wolisz, żeby czytelnicza uwaga skupiała się na Facebooku i nie zrozpraszala na pojednyczne strony WWW, zamiast skrótu „URL” wpisz adres swojej Strony FB w formacie:

   http://www.facebook.com/pages/Nazwa-Strony/XXXXXXXXXXXX.

7. Daj znać czytelnikom/odbiorcom/klientom, że mogą już Lubić twoją stronę. Pamiętaj, że każde wciśnięte Lubię to pojawia się w ich (oraz ich znajomych) Aktualnościach wraz z linkiem do twojej strony!

Wlepka „Like Box”

1. Wejdz na stronę generatora facebookowych wlepek: http://developers.facebook.com/docs/reference/plugins/like-box

   

2. Podaj adres URL Strony, który powinien mieć ma format: http://www.facebook.com/pages/nazwa/XXXXXXXXXXXX. W miejscu X-ów będzie znajdowało się ID Strony, np. http://www.facebook.com/pages/Logographos/131139743594600.
3. Skonfiguruj wlepkę
4. Kliknij Get code
5. Skopiuj dokładnie kod z pola tekstowego opisanego jako iframe.
6. Wklej kod w dowolnym miejscu na swojej stronie WWW i podziwiaj efekt.

Tym razem tyle. W kolejnym odcinku – WordPress.

Rozwiązania Facebooka bywają czasem wyjątkowo nieintuicyjne. Mamy nadzieję, że tematy integracji udało się przedstawić wystarczająco przejrzyście, ale w razie problemów zapraszamy do zadawania pytań!