Polecane pole Facebook, znane również jako pole fanów Facebook, stało się obowiązkowym elementem wielu stron internetowych. Niedawno Facebook zastąpił ten widżet nowym pluginem strony Facebook. W tym artykule pokażemy, jak dodać plugin strony Facebook w WordPress.
Uwaga: Użytkownicy, którzy już zaimplementowali stare pole lub fanbox na swoich stronach WordPress, zostaną automatycznie przeniesieni do nowej wtyczki strony.
Czym jest wtyczka strony na Facebooku?
Wtyczka strony na Facebooku jest zamiennikiem tego, co wcześniej było znane jako pole polubień na Facebooku. Pozwalała promować Twoją stronę na Facebooku na Twojej stronie internetowej. Nowa wtyczka strony na Facebooku robi dokładnie to samo.
Ma nowy i ulepszony wygląd, który teraz wyświetla również Twoje zdjęcie w tle na Facebooku. Posiada dwa przyciski. Użytkownicy mogą polubić Twoją stronę, a także ją udostępnić. Masz możliwość pokazania użytkownikom, którzy z ich znajomych już polubili Twoją stronę. Możesz również wyświetlać najnowsze posty ze swojej strony na Facebooku.
Samouczek wideo
Jeśli nie podobał Ci się film lub potrzebujesz więcej instrukcji, czytaj dalej.
Jak dodać nowy plugin strony na Facebooku w WordPress
Najpierw musisz odwiedzić stronę Wtyczki strony na Facebooku. Znajdziesz tam opcje konfiguracji wyglądu osadzonej strony na Facebooku.
Po prostu podaj adres URL swojej strony na Facebooku. Następnie musisz wprowadzić szerokość i wysokość pola. Alternatywnie możesz zostawić je puste, a Facebook spróbuje je automatycznie dostosować.
Możesz wyświetlić swoje zdjęcie w tle, posty i twarze znajomych w wtyczce strony. Gdy będziesz zadowolony z wyglądu, kliknij przycisk Pobierz kod, aby kontynuować.
Facebook wyświetli teraz dwa fragmenty kodu. Skopiuj pierwszy fragment kodu i wklej go w swoim motywie lub motywie potomnym w pliku header.php, zaraz po tagu <body>.
Następnie skopiuj drugi fragment kodu i wklej go w dowolnym miejscu, w którym chcesz wyświetlić pole strony. Możesz również wkleić ten fragment kodu do widżetu tekstowego, przechodząc do Wygląd » Widżety.
Mamy nadzieję, że ten artykuł pomógł Ci dodać wtyczkę strony na Facebooku do Twojej witryny WordPress. Możesz również zapoznać się z naszym artykułem na temat 5 szybkich sposobów na zdobycie większej liczby polubień na Facebooku za pomocą 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.
Paddy
To nie jest obsługiwane przez przeglądarkę Mozilla. Obsługiwane tylko w Chrome.
Czy możesz mi pomóc skonfigurować to dla wszystkich przeglądarek?
Wsparcie WPBeginner
Wtyczka strony powinna nadal działać w Firefoksie, możesz spróbować wyłączyć dodatki przeglądarki, aby upewnić się, że nie ma tam konfliktu.
Admin
Roja
Czy jest jakaś opcja zadzwoń do nas lub wyślij wiadomość zamiast przycisku udostępnij
Mario
Witam, kiedy próbuję tego użyć i dodać przez widżet tekstowy lub widżet HTML, nie działa, ponieważ usuwa wszystkie elementy atrybutów danych. Czy możesz nam pomóc?
Xavier Clapin-Pépin
Dziękuję wpbeginner, to świetne, ponieważ nie muszę pobierać wtyczki WP, aby dodać wtyczkę strony na Facebooku, co jest zalecane, aby zminimalizować liczbę wtyczek, aby uniknąć konfliktów i zbyt wielu potencjalnych problemów...
Wtyczka Facebook na naszej stronie wygląda świetnie, jak widać po prawej stronie paska bocznego:
Kontynuujcie swoją wspaniałą pracę!
Xavier
Jan
Nadal mam problemy…
Z jakiegoś powodu, kiedy wypełniam
Podgląd mojej strony się nie pojawia...
Więc myślę, że to jakiś rodzaj ustawień uprawnień, które zepsułem.
Więc kiedy dostaję kod i umieszczam go na mojej stronie, też się nie pojawia. Proszę o pomoc!
Jan
Xavier Clapin-Pépin
Miałem ten sam problem, upewnij się, że Twoja strona na Facebooku jest opublikowana w ustawieniach.
Teresa
Ok, rozwiązałem to, ale nie chcę pokazywać posta – sprawia, że jest za duży. Twój przykład pokazuje, gdzie można to odznaczyć, ale na stronie tej opcji nie ma. Jak mogę się tego pozbyć i po prostu pokazać nagłówek mojej strony na FB? Dzięki.
Teresa
Zrobiłem dokładnie tak, jak powiedziałeś – mam teraz pole FB z transmisją na żywo Marka Zuckerberga, taką samą jak na stronie, z której skopiowałem kod… dlaczego miałbym to dostać? Oczywiście nie tego chcę – więc to nie jest pomocne.
Diana Lesko
Świetny film? A co z częścią edycji? Gdzie edytujesz szerokość?
Diana Lesko
I found my answer.
I cant delete my comment, sorry.
Jan
Okej, jestem w kropce. Postępowałem zgodnie z instrukcjami na stronie WordPress mojej przyjaciółki dla jej biura podróży i działało idealnie. Przez cztery dni. Potem po prostu przestało działać. Aby to sprawdzić, zmieniłem adres URL na stronę Facebookową innej przyjaciółki i zadziałało. Ale gdy wróciłem do strony biura podróży, nic. Miałem nadzieję, że możesz mieć pomysł, co się dzieje i/lub, co jeszcze lepiej, jak mogę sprawić, by aplikacja znów działała.
Anne Marie
Cześć,
Naprawdę mam problem z ukończeniem tego procesu: strona deweloperów Facebooka odrzuca mój adres URL strony na Facebooku, a także adres URL mojego profilu… Po prostu nie wiem, co zrobić, aby pojawił się na moim blogu.
Dodatkowo, jeśli próbuję za pomocą narzędzi Beaver Builder dodać „shortcode” z dowolnej wtyczki do Facebooka, nigdy nie działa! Nic się nie wyświetla. Czy możesz mi pomóc? Dzięki!!!
chris
Czy znalazłeś na to odpowiedź? Czy to ustawienie FB? Mam ten sam problem. Próbuję zrobić to dla grupy. Nie jestem pewien, czy muszę być administratorem strony, aby kod działał poprawnie, czy co.
Anne-Marie
Hi Chris, yes! I wrote to the plugin company and they helped me understand the major difference between “everyone’s” Facebook page (aka, your personal page)–AND–the Facebook page you create with a different account..so until you do the steps via Facebook to create yourself a second, “professional” page (free, quite easy to do), no plugin will work. Once you do this, go back in the plugin section asking for your professional page Facebook URL (which is different), and it should show easily on your blog or site…hope it works for you too!
rohit
Witam. Udaje mi się uzyskać link na mojej stronie, ale nie mogę uzyskać obrazka strony ani żadnego wizualnego elementu. Jak to naprawić? Proszę o pomoc.
Monique
Jak mogę wyświetlić zdjęcie, artykuł (lub link) z WP na stronie na Facebooku?
niloy
jak mogę zmienić język w tej wtyczce Facebooka
AL
It works, thanks
Bogdan
Działa tylko w widżetach. Jak mogę sprawić, żeby działało na stronie?
Jackie Parry
Dzięki za informacje – ale dla takich laików jak ja, gdzie znajdę stronę, na której mogę umieścić adres URL mojej strony na FB, zgodnie z Twoim pierwszym zdjęciem. Otworzyłem link, aby przejść do strony internetowej wtyczki FB – ale nie wiem, jak uzyskać właściwą stronę, aby dodać mój adres URL – proszę o poradę. Dziękuję.
Kwiecień
Pomocny post! Dziękuję.
Tomas
Dzięki za ten post, dokładnie tego szukałem!
Jednak podczas korzystania z przycisku Udostępnij wszyscy otrzymują następujący błąd:
Aplikacja nie skonfigurowana: Ta aplikacja jest nadal w trybie deweloperskim i nie masz do niej dostępu. Przełącz się na zarejestrowanego użytkownika testowego lub poproś administratora aplikacji o uprawnienia.
Jakieś rady? Dzięki!
Carole
Wstawiłem kod, ale z jakiegoś powodu wyświetla się tylko górna 1/4 cala obrazu. Wygląda dobrze w podglądzie na stronie FB, aby utworzyć kod, ale nie na mojej stronie internetowej. Masz pomysł, jak to naprawić?
Paul Butterworth
Dzięki za to, działa, ale nie mogę sprawić, by opcja „Dostosuj do szerokości kontenera wtyczki” działała, jest wąska, a jeśli ustawiam ją ręcznie, maksymalna szerokość 500 jest dość wąska. Czy jest sposób, aby ją poszerzyć?
Erik
Pytanie: Czy ta wtyczka strony na Facebooku jest taka sama jak wtyczka strony na Facebooku stworzona przez Camerona Jonesa, którą można znaleźć tutaj:
Nie jestem pewien, czy to ma znaczenie, ale próbuję ustalić, którego użyć. Jeśli masz jakieś pomocne sugestie lub informacje, będę wdzięczny!
Dzięki,
Erik
Wsparcie WPBeginner
Nie, to nie to samo.
Admin
Cameron Jones
Cześć Erik,
Moja wtyczka i tutorial tutaj są takie same, ale też różne. Postępując zgodnie z tym tutorialem, musisz edytować szablony swojego motywu, aby dodać kod dla wtyczki Facebook, jednak jeśli użyjesz mojej wtyczki WP, ona napisze cały kod za Ciebie i możesz kontrolować opcje za pomocą krótkiego kodu lub widżetu.
Mam nadzieję, że to pomoże
Cameron
Junaid
Użyłem tej metody, aby dodać kanał Facebooka tutaj. Ale wyświetla tylko 5 najnowszych postów, po 5 postach wyświetla przycisk „Znajdź nas na Facebooku”. Czy jest sposób, abym mógł ustawić go tak, aby wyświetlał nieograniczoną liczbę postów lub przynajmniej zwiększył liczbę wyświetlanych postów?
Wsparcie WPBeginner
Zapoznaj się ze stroną Wtyczki Społecznościowe na Facebooku, aby uzyskać więcej parametrów API.
Admin
Junaid
Już tam sprawdzałem, nie znalazłem parametru do ustawienia liczby wyświetlanych postów.
Long Nguyen
Odkryłem, że nawet jeśli nie skopiuję pierwszego fragmentu do header.php, kod z drugiego fragmentu nadal pomaga wyświetlić odznakę.
Ale napotykam problem, że odznaka nie pokazuje się w całości. Pokazuje połowę lewej strony, więc straciłem przycisk udostępniania po prawej stronie, niezależnie od tego, jak dostosowuję szerokość w kodzie.
Czy możesz mi doradzić, jak mogę zrobić pełną odznakę? Dziękuję. Moja strona to diadiemdulich.com
samkelo magoqo
Dzięki za post! Chętnie zobaczyłbym też samouczek wideo
Wsparcie WPBeginner
Samouczek wideo wkrótce.
Admin
Jared
Zauważyłem, że w niektórych motywach, których używam, musisz dodać inicjalizację SDK JavaScript Facebooka do swojego pliku. Oraz kod, który Facebook podaje dla Twojego pluginu.
Eksperymentowałem również z minifikacją kodu JavaScript i nadal działa. Jednak wydajność nowej wtyczki jest słaba. Zauważyłem, że ładuje się ona później w porównaniu do tej, której używałem wcześniej.
Lindsey Garcia
OK, świetnie, to jest super! ALE jak wkleić kod do pliku .php mojego motywu potomnego????? Nie mam pojęcia, o czym mówicie (nowicjusz na blogu). Czy jest to w moim panelu WordPress? Czy jest to przez mojego hosta i muszę tam przejść? Znalazłem też samouczek na YouTube na ten temat i zrobili to samo, nie wyjaśniając, jak to zrobić…?? Pomoc byłaby mile widziana! Dziękuję!
Sajid Akhtar Rehman
Dziękuję bardzo... ten post jest niesamowity i działa poprawnie
NemiraB
Cześć, dzięki za informacje. Jest to dla mnie trochę skomplikowane, ale myślę, że warto spróbować. Te kontakty społeczne są tak ważne, bo jak bez nich można szerzyć swoje przesłanie? Wszystkiego dobrego, pozdrawiam. Nemira
Abhishek
Dziękuję bardzo za aktualizację, w końcu zaktualizowałem moją stronę za pomocą wtyczki strony na Facebooku. Nie użyłem pierwszego kodu powyżej, ale użyłem drugiego kodu i stworzyłem widżet, gdy chciałem się pojawić.
oladayo awe
dzięki za ten post
Govertz
Czy ktoś testował wpływ wydajności tego nowego wtyczki FB?
Damien Carbery
Wtyczka funkcyjna (z add_action dla wp_head) byłaby świetnym miejscem na kod Javascript. Oznaczałoby to, że plik header.php nie musiałby być modyfikowany – przydatne, gdy właściciel strony zmienił motyw nadrzędny lub nie chce dotykać kodu motywu potomnego.