Ramka fanów Facebooka (Facebook Page Plugin) pozwala na wyświetlanie fanpage’a bezpośrednio na stronie internetowej, co zwiększa liczbę polubień i angażuje użytkowników. Dzięki niej odwiedzający mogą łatwo zobaczyć najnowsze posty, polubić stronę oraz zobaczyć, którzy znajomi już to zrobili, co buduje zaufanie i wspiera efekt społecznego dowodu słuszności. Jest to skuteczne narzędzie do integracji strony z mediami społecznościowymi, co pomaga w budowaniu społeczności, promowaniu treści oraz utrzymywaniu użytkowników na stronie bez konieczności przechodzenia na Facebooka.
Aby dodać ramkę fanów Facebooka (tzw. Fan Page Plugin) na stronę internetową, należy postępować zgodnie z poniższymi krokami:
1. Wejdź na stronę dla deweloperów Facebooka
Przejdź na stronę konfiguracji wtyczek Facebooka: Facebook Page Plugin
2. Wprowadź dane swojej strony
Na stronie konfiguracji wtyczki zobaczysz formularz, w którym możesz dostosować wygląd i działanie ramki fanów. Wprowadź następujące dane:
- URL strony na Facebooku: Podaj pełny adres URL strony fanpage’a, którą chcesz wyświetlać.
- Szerokość i Wysokość: Dostosuj wymiary ramki do swojego projektu strony.
- Opcje: Możesz włączyć lub wyłączyć różne funkcje, takie jak: zdjęcia okładki, twarze fanów, czy przycisk „Lubię to!”.
3. Generowanie kodu
Po dostosowaniu opcji wtyczki kliknij przycisk „Get Code” (Pobierz kod).
4. Dodanie kodu na stronę
Otrzymasz dwa fragmenty kodu do wklejenia na stronę internetową:
- Kod JavaScript SDK Facebooka: Umieść ten fragment w sekcji
<head>lub bezpośrednio przed zamknięciem znacznika</body>swojej strony. - Kod HTML wtyczki: Umieść ten kod w miejscu, gdzie chcesz wyświetlić ramkę na swojej stronie (np. w
<div>w treści strony).
Przykład kodu:
<!-- Umieść to w sekcji <head> lub przed zamknięciem </body> --> <div id="fb-root"></div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v13.0"></script> <!-- Umieść to tam, gdzie chcesz wyświetlić ramkę fanów --> <div class="fb-page" data-href="https://www.facebook.com/TwojaStronaNaFacebooku" data-tabs="timeline" data-width="500" data-height="500" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"> <blockquote cite="https://www.facebook.com/TwojaStronaNaFacebooku" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/TwojaStronaNaFacebooku">Twoja Strona na Facebooku</a></blockquote> </div>
5. Dostosowanie i sprawdzenie działania
- Zapisz zmiany na swojej stronie i przetestuj, czy wtyczka działa poprawnie.
- Możesz edytować rozmiar, opcje wyświetlania i inne parametry, zmieniając odpowiednie wartości w kodzie HTML.
Gotowe! Teraz Twoi użytkownicy mogą zobaczyć ramkę z fanpage’em i polubić go bezpośrednio z Twojej strony.