Jedna prosta prawda o udanych stronach WordPress: ułatwienie odwiedzającym interakcji z Twoimi treściami jest kluczem do rozwoju. A jednak tak wielu właścicieli witryn pomija coś tak prostego, jak dodanie przycisku „Lubię to” na Facebooku.
Chociaż może się to wydawać niewielkim dodatkiem, jest to w rzeczywistości jedno z najpotężniejszych narzędzi do poszerzania zasięgu. Więcej polubień oznacza większą widoczność, co często prowadzi do większego ruchu i potencjalnych klientów.
Na szczęście dodanie go do Twojej witryny WordPress jest łatwiejsze, niż mogłoby się wydawać! Eksperymentowaliśmy z różnymi metodami integracji z Facebookiem i znaleźliśmy kilka, które działają wyjątkowo dobrze.
W tym samouczku przeprowadzimy Cię przez proces dodawania przycisku polubienia na Facebooku w WordPress. Podzielimy się najlepszymi sprawdzonymi przez nas podejściami, dzięki czemu możesz zacząć wykorzystywać zaangażowanie społeczne do rozwoju swojej witryny WordPress. 📈

Dlaczego dodać przycisk „Lubię to” na Facebooku w WordPressie?
Facebook jest jedną z najpopularniejszych platform mediów społecznościowych na świecie. Wiele firm wykorzystuje Facebook do nawiązywania kontaktu ze swoimi klientami i promowania swoich produktów.
Dodanie przycisku polubienia na Facebooku do Twojej witryny WordPress może pomóc w zwiększeniu zaangażowania. Zachęca również ludzi do udostępniania Twoich treści na ich profilach na Facebooku i przyciąga nowych użytkowników do Twojej witryny.
Możesz użyć przycisku Lubię to na Facebooku, aby zwiększyć liczbę swoich obserwujących w mediach społecznościowych i zbudować społeczność. Pomaga to zwiększyć świadomość Twoich produktów i usług oraz zwiększa konwersje.
Mając to na uwadze, pokażemy Ci, jak dodać przycisk „Lubię to” na Facebooku do swojej witryny WordPress. Oto szybki przegląd metod, które omówimy w tym przewodniku:
- Metoda 1: Dodaj przycisk Lubię to na Facebooku w WordPressie za pomocą wtyczki
- Metoda 2: Ręczne dodanie przycisku Polubienia na Facebooku w WordPressie
- Dodatkowa wskazówka: Czym są metadane Open Graph i jak je dodać do WordPressa?
- Dodatkowe zasoby: Więcej przewodników po mediach społecznościowych dla stron WordPress
Gotowi? Zobaczmy, jak dodać przycisk polubienia na Facebooku w WordPressie za pomocą wtyczki lub niestandardowego kodu.
Metoda 1: Dodaj przycisk Lubię to na Facebooku w WordPressie za pomocą wtyczki
W tej metodzie użyjemy wtyczki WordPress do dodania przycisku polubienia na Facebooku. Ta metoda jest bardzo łatwa i zalecana dla początkujących.
Najpierw musisz zainstalować i aktywować Like & Share od BestWebSoft. Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku na temat jak zainstalować wtyczkę WordPress.
Po aktywacji możesz przejść do Polub i Udostępnij » Ustawienia z panelu administracyjnego WordPress.

Następnie musisz dodać „ID aplikacji” i „Sekret aplikacji” na Facebooku. Jeśli nie masz tych informacji, po prostu postępuj zgodnie z poniższymi krokami.
Jak utworzyć identyfikator aplikacji i sekret aplikacji na Facebooku
W panelu „Ustawienia” kliknij link „Utwórz nowy” pod polem „ID aplikacji” lub „Sekret aplikacji” w wtyczce Polub i udostępnij.
Spowoduje to przejście do strony Meta for Developers. Sugerujemy otwarcie strony w nowej karcie lub oknie, ponieważ będziesz musiał otworzyć stronę ustawień Polubienia i Udostępnienia w swoim obszarze administracyjnym WordPress, aby wprowadzić identyfikator aplikacji i sekret.
Stąd musisz wybrać typ aplikacji. Wybierz typ aplikacji „Biznes” i kliknij przycisk „Dalej”.

Następnie będziesz musiał podać podstawowe informacje o swojej aplikacji.
Możesz wprowadzić nazwę wyświetlaną dla swojej aplikacji i upewnić się, że prawidłowy adres e-mail pojawi się w polu „Adres e-mail kontaktu z aplikacją”. Facebook automatycznie wybierze adres e-mail konta, na które jesteś aktualnie zalogowany.
Istnieje również opcja wyboru konta biznesowego. Możesz pozostawić ją na 'Nie wybrano konta menedżera biznesowego' i kliknąć przycisk 'Utwórz aplikację'.

Następnie pojawi się okno dialogowe. Tutaj Facebook poprosi Cię o ponowne wprowadzenie hasła.
Jest to środek bezpieczeństwa zapobiegający złośliwej aktywności na Twoim koncie. Wpisz hasło do swojego konta na Facebooku i kliknij przycisk „Prześlij”.

Następnie zobaczysz pulpit swojej aplikacji.
Stąd możesz przejść do **Ustawienia » Podstawowe** z menu po lewej stronie.

Teraz chcesz rozwinąć menu „Ustawienia” i kliknąć „Podstawowe”.
Tutaj zobaczysz „App ID” i „App Secret”.
Teraz możesz wprowadzić te informacje w ustawieniach wtyczki Like & Share.

Dokończ dostosowywanie przycisku polubienia na Facebooku
Najpierw skopiuj „App ID” i wróć do zakładki lub okna, w którym masz otwartą stronę Like & Share » Ustawienia. Następnie po prostu wprowadź „App ID” w odpowiednim polu.
Teraz będziesz chciał powtórzyć krok, kopiując dane 'App Secret' ze strony Meta for Developers i wklejając je w ustawieniach wtyczki Like & Share.

Po wykonaniu tej czynności możesz wybrać, czy chcesz wyświetlić przycisk Polub na Facebooku wraz z adresem URL profilu i przyciskami udostępniania.
Istnieją również ustawienia do edycji rozmiaru przycisku Polubienia na Facebooku, jego pozycji przed lub po treści oraz wyrównania.

Jeśli włączyłeś przycisk URL profilu, możesz przewinąć w dół do sekcji „Przycisk URL profilu” i wprowadzić swoją nazwę użytkownika lub identyfikator na Facebooku.
Po zakończeniu nie zapomnij zapisać zmian.
Teraz wtyczka automatycznie doda przycisk polubienia na Facebooku do Twojej strony WordPress i ustawi go zgodnie z Twoimi ustawieniami.
Możesz również użyć skróconego kodu [fb_button], aby dodać przycisk Facebook Like w dowolnym miejscu na swojej stronie.
To wszystko! Możesz teraz odwiedzić swoją stronę i zobaczyć przycisk Lubię to na każdym poście.

Metoda 2: Ręczne dodanie przycisku Polubienia na Facebooku w WordPressie
Innym sposobem dodania przycisku polubienia na Facebooku jest użycie niestandardowego kodu. Ta metoda wymaga jednak dodania kodu bezpośrednio do WordPress, dlatego polecamy ją tylko tym, którzy czują się komfortowo z edycją kodu.
W tej sekcji użyjemy wtyczki WPCode, ponieważ ułatwia ona każdemu dodawanie kodu do swojego bloga WordPress.
Ale najpierw musisz odwiedzić stronę 'Like Button' na stronie Meta for Developers i przewinąć w dół do sekcji 'Like Button Configurator'.

Następnie wprowadź adres URL swojej strony na Facebooku w polu „URL do polubienia”. Spowoduje to połączenie przycisku Polub na Facebooku z Twoją stroną.
Następnie po prostu użyj konfiguracji, aby wybrać układ i rozmiar przycisku Lubię to. Zobaczysz również podgląd przycisku Lubię to.
Gdy będziesz zadowolony z podglądu, kliknij przycisk 'Get Code'. Spowoduje to wyświetlenie okna podręcznego z dwoma fragmentami kodu w zakładce 'JavaScript SDK'.

Pamiętaj, że bezpośrednie dodawanie tych fragmentów kodu do motywu WordPress może spowodować awarię Twojej witryny. Ponadto zostaną one nadpisane po zaktualizowaniu motywu.
Dlatego zalecamy korzystanie z wtyczki WPCode. Ta wtyczka pozwala na wklejanie fragmentów kodu na Twoją stronę internetową i łatwe zarządzanie niestandardowym kodem bez edycji plików motywu. Pomaga to uniknąć ryzyka uszkodzenia Twojej witryny WordPress.

Ponadto ufamy WPCode na wszystkich naszych stronach marki, aby płynnie i sprawnie obsługiwać dostosowania. Aby uzyskać więcej informacji na temat naszych doświadczeń z nim, możesz przejść do naszej pełnej recenzji WPCode.
Aby rozpocząć, musisz zainstalować i aktywować darmową wtyczkę WPCode. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem jak zainstalować wtyczkę WordPress.
📝 Uwaga: Darmowa wersja WPCode pozwala na dodawanie niestandardowych fragmentów kodu, czego będziemy tutaj używać. Jednak uaktualnienie do WPCode Pro odblokowuje dodatkowe funkcje, takie jak pełna historia rewizji i możliwość planowania kodu.
Po aktywacji możesz przejść do Fragmenty kodu » Nagłówek i stopka z poziomu pulpitu WordPress.
Następnie musisz skopiować pierwszy fragment kodu i dodać go do pliku header.php swojego motywu WordPress, tuż po tagu <body>. Po prostu skopiuj kod i wprowadź go w sekcji „Body”.
Po zakończeniu tego procesu nie zapomnij kliknąć przycisku „Zapisz zmiany”.

Następnie musisz skopiować drugi fragment kodu i wkleić go na swojej stronie WordPress, aby wyświetlić przycisk „Lubię to” na Facebooku.
Aby to zrobić, możesz przejść do Fragmenty kodu » + Dodaj fragment z panelu administracyjnego WordPress. Lub po prostu kliknij przycisk „Dodaj nowy” na pulpicie WPCode.

Na następnym ekranie WPCode pozwoli Ci wybrać fragment z gotowej biblioteki lub dodać nowy niestandardowy kod.
Wybierz opcję 'Add Your Custom Code (New Snippet)' i kliknij przycisk 'Use snippet'.

Następnie możesz nadać swojemu niestandardowemu kodowi nazwę i wprowadzić drugi fragment kodu w sekcji „Podgląd kodu”.
Upewnij się, że klikniesz na menu rozwijane „Typ kodu” i wybierzesz „Fragment kodu HTML” jako typ kodu.

Następnie możesz przewinąć w dół do sekcji „Wstawianie” i wybrać, gdzie chcesz, aby pojawił się przycisk Polub na Facebooku.
Na przykład, powiedzmy, że chcesz, aby pojawiło się przed treścią.
Po prostu kliknij menu rozwijane „Lokalizacja” i wybierz opcję „Wstaw przed treścią” w sekcji „Strona, Post, Typy Postów Niestandardowych”.

Po zakończeniu możesz kliknąć przycisk „Zapisz fragment”.
Będziesz musiał również kliknąć przełącznik i zmienić go z „Nieaktywny” na „Aktywny”.

To wszystko. Przycisk Polub na Facebooku pojawi się na Twojej stronie internetowej po wprowadzeniu kodu.
Dodatkowa wskazówka: Czym są metadane Open Graph i jak je dodać do WordPressa?
Open Graph to metadane, które pomagają Facebookowi zbierać informacje o stronie lub wpisie na Twojej stronie WordPress. Te dane obejmują obraz miniatury, tytuł wpisu/strony, opis i autora.
Facebook jest dość inteligentny w pobieraniu pól tytułu i opisu. Jednak jeśli Twój post ma więcej niż jeden obraz, czasami może wyświetlać nieprawidłową miniaturę po udostępnieniu.
Jeśli już korzystasz z wtyczki All in One SEO (AIOSEO), problem ten można łatwo rozwiązać.
W WPBeginner sami używamy wtyczki AIOSEO do zarządzania ustawieniami OpenGraph dla Facebooka i X, między innymi w działaniach SEO. Jesteśmy jej wielkimi fanami i możesz przeczytać naszą obszerną recenzję AIOSEO, aby uzyskać więcej szczegółów.
Aby to zrobić, możesz najpierw przejść do All in One SEO » Social Networks i przełączyć się na zakładkę Facebook.
Następnie kliknij przycisk „Prześlij lub wybierz obraz”, aby ustawić „Domyślny obraz posta na Facebooku”, jeśli Twój artykuł nie ma obrazu Open Graph.

Poza tym możesz skonfigurować obraz otwartej grafiki dla każdego indywidualnego posta lub strony.
Podczas edycji posta po prostu przewiń w dół do sekcji Ustawienia AIOSEO w edytorze treści. Następnie możesz przełączyć się na zakładkę „Społecznościowe” i zobaczyć podgląd swojego miniatury.

Teraz przewiń w dół do opcji „Źródło obrazu”. Następnie wybierz obraz otwartej karty dla swojego posta.
Na przykład możesz wybrać opcję „Dołączony obraz”, „Pierwszy obraz w treści” lub „Niestandardowy obraz” jako miniaturę Open Graph.

Aby uzyskać więcej szczegółów i alternatywne sposoby dodawania metadanych Open Graph, zapoznaj się z naszym przewodnikiem na temat dodawania metadanych Facebook Open Graph w WordPress.
Dodatkowe zasoby: Więcej przewodników po mediach społecznościowych dla stron WordPress
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać przycisk Polub na Facebooku w WordPressie. Następnie możesz również zapoznać się z naszymi przewodnikami na temat:
- Jak wyświetlić recenzje strony na Facebooku w WordPress
- Jak osadzić albumy Facebook w WordPress
- Najlepsze wskazówki i samouczki dotyczące Facebooka dla użytkowników WordPressa
- Jak przeprowadzić konkurs w mediach społecznościowych, aby rozwinąć swoją witrynę
- Jak wykorzystać media społecznościowe do zwiększenia liczby subskrybentów e-mail w WordPress
- Najlepsze podpowiedzi AI dla blogerów, marketerów i mediów społecznościowych
- Kompletny arkusz ściągawki mediów społecznościowych dla WordPress
- Najlepsze wtyczki mediów społecznościowych dla WordPressa
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.


kzain
Chciałem dodać przycisk „Lubię to” na Facebooku do mojej strony WordPress, a ten post sprawił, że było to niezwykle łatwe. Podoba mi się, że podałeś wiele metod, w tym prosty skrócony kod i bardziej zaawansowane podejście z wtyczką. Twoje instrukcje krok po kroku i zrzuty ekranu są krystalicznie jasne, a doceniam dodatkowe wskazówki dotyczące dostosowywania wyglądu przycisku. Dziękuję za pomoc w zwiększeniu mojego zaangażowania społecznościowego i nawiązaniu kontaktu z moimi odbiorcami!
Earl Jones
Dodałem przycisk „polubienia” do moich stron blogowych i skonfigurowałem go zgodnie z instrukcjami. Licznik polubień rośnie, więc wiem, że czytelnicy klikają przycisk, ale gdzie mogę znaleźć imiona tych czytelników, aby móc się z nimi skontaktować?
Wsparcie WPBeginner
W tej chwili wtyczka nie śledzi tych informacji.
Admin
Michel
Hi Wp Beginner
Chciałem tylko podziękować za wszystkie świetne artykuły!
Już mi bardzo pomogły, łatwe do zrozumienia…..Uwielbiam to!
Cheers guys, keep on doing like you do
Wsparcie WPBeginner
You’re welcome, glad our articles have been helpful
Admin
Macdonald
Hi, all.
I am using Blog Bank Wordpress theme which has nicely built Facebook, Twitter, Google+ and LinkedIn buttons but I cannot seem to make them work as intended (refer to my respective social sites). I would like to know if there is a way to do it.
Thank you for the continual great work you are doing for us, beginners.
Wsparcie WPBeginner
W tej sprawie powinieneś skontaktować się z pomocą techniczną swojego motywu, a oni powinni być w stanie poinformować Cię, czy jest to błąd w samym motywie, czy metoda rozwiązania problemu.
Admin
stephen Mgbemena
Proszę administratorze, używam wtyczki nagłówka i stopki na moim blogu WordPress. Dodałem kod w stopce i pokazuje przycisk polubienia na dole mojego bloga. Proszę, jak mogę go dodać, aby pokazywał się zaraz po każdym poście. Dzięki.
Mary
The WordPress plugin worked perfect. Thanks for tutorial.
soshail akash
I am unable to make the plugin work on Archives
It works perfectly fine on Single Posts.
Twoja pomoc wiele by znaczyła
Jonathan
Powiedziałeś: „Możesz zostawić pole URL puste, ponieważ będziemy dynamicznie wypełniać URL w WordPressie”.
Spodziewałem się, że artykuł powie, jaki kod należy wstawić, aby dynamicznie wypełnić adres URL.
Czy adres URL wypełnia się dynamicznie, jeśli pozostawimy atrybut data-href pusty, bez żadnych dalszych działań?
Vipin
Jak mogę wyświetlić liczbę polubień na Facebooku w metadanych posta.
Tak jak tutaj: Opublikowano przez Admin w Technologia dnia Data | 2 komentarze | 5 polubień
Sandeep kumar
Wtyczka Jetpack oferuje również przycisk polubienia.
Ahmed
chcę zmienić rozmiar przycisku, żeby był większy
Toon
Na razie jest dobrze, to działa.
Ale jak mogę pozbyć się tego wyskakującego okienka, gdy tylko naciśniesz przycisk.
Len Vanderlinde
Założyłem osobistą stronę internetową (niekomercyjną) zamiast bloga, używając WordPressa. Jestem bardzo pod wrażeniem, że udało mi się to zrobić, mając bardzo ograniczone pojęcie o internecie. Chciałbym dodać przycisk "Lubię to" na Facebooku, ale Twoje instrukcje nie działają dla mojej strony głównej?
Dzięki, Len
suzannah
DZIĘKUJĘ. To zadziałało jak marzenie. Czy masz pomysły, jak zrobić to na stronie zamiast tylko na poście? Dzięki!!! To moja nowa ulubiona strona!
Patrick
Cześć,
Ten tutorial brzmi dla mnie jak chiński. Używasz słownictwa, które zakłada pewną wiedzę, której początkujący nie posiadają.
"Najpierw otwórz plik single.php w folderze swojego motywu. Następnie wklej poniższy kod w swoim cyklu postów:"
Co to znaczy?
Rozumiem, że Twoje posty są krótkie, ale bardzo często są naprawdę za krótkie!
Dzięki
mark
Cześć,
pytanie, jak mogę połączyć przycisk polubienia na FB z Google +1 i innymi przyciskami, tak jak zrobiłeś tutaj?
Dziękuję,
Mark