W artykule:
Niedawno czytelnik zapytał nas, jak dodać kalendarz wydarzeń na Facebooku do swojej witryny WordPress?
Wydarzenia na Facebooku to łatwy sposób na organizowanie wydarzeń przez społeczności z wbudowanymi funkcjami społecznościowymi. Jednak odwiedzający Twoją witrynę mogą przegapić te Wydarzenia, jeśli nie promujesz ich również w swojej witrynie.
W tym artykule pokażemy, jak dodać kalendarz wydarzeń na Facebooku w WordPress, aby zmaksymalizować swój zasięg.
Dlaczego warto dodać kalendarz wydarzeń na Facebooku na swojej stronie?
Dodanie kalendarza wydarzeń na Facebooku do twojej witryny pozwala odwiedzającym łatwo dowiedzieć się o nadchodzących wydarzeniach. Użytkownicy mogą oznaczyć siebie jako zainteresowanych lub udających się na wydarzenie na Facebooku.
Jest to świetny sposób na zdobycie większej liczby obserwujących na Facebooku i zbudowanie zaangażowania. Oszczędza również czas i wysiłek, ponieważ automatycznie pobiera wydarzenia z Facebooka.
Nie musisz ręcznie dodawać wydarzeń do swojej witryny za pomocą wtyczki kalendarza WordPress. Możesz po prostu tworzyć wydarzenia na Facebooku i automatycznie wyświetlać je na swojej stronie.
Uwaga: Będziesz potrzebował strony na Facebooku, a nie osobistego profilu. Ta strona wymaga co najmniej 1 wydarzenia.
W tym samouczku omówimy dwa sposoby dodawania kalendarza wydarzeń na Facebooku do witryny WordPress.
Pierwsza metoda wymaga wprowadzenia kodu na swojej stronie internetowej i jest wystarczająco łatwa dla tych użytkowników, którzy nie chcą korzystać z wtyczki. Nie oferuje jednak żadnych opcji dostosowywania.
Druga metoda to ta, którą zalecamy użytkownikom, którzy chcą dostosować wyświetlanie kalendarza wydarzeń i mieć większą kontrolę nad wyświetlaniem. Oto przykład niestandardowego wyświetlania kalendarza wydarzeń na Facebooku, który zrobiliśmy:
Metoda 1. Dodaj wydarzenia na Facebooku do swojej witryny bez wtyczki
Co zrobić, jeśli w ogóle nie chcesz używać wtyczki? Możliwe jest dodawanie wydarzeń z Facebooka do witryny WordPress bez użycia wtyczki.
Ta metoda polega na dodaniu kodu do witryny. Nie zalecamy tego, jeśli jesteś początkujący. Nie daje to również pełnej kontroli nad wyświetlaniem wydarzeń.
Aby użyć tej metody, musisz użyć narzędzia Facebooka zaprojektowanego dla programistów. Nazywa się Wtyczka strony na Facebooku. Niech nazwa cię nie zmyli. To nie jest wtyczka WordPress.
Najpierw przejdź do Narzędzia Wtyczka strony i wprowadź adres URL strony na Facebooku.
Facebook pokaże teraz podgląd kanału Twojej strony. Następnie musisz usunąć słowo „oś czasu” w polu Tabs i zamiast tego dodać „wydarzenia”. Możesz także ustawić szerokość i wysokość kanału wydarzeń tutaj.
Teraz zobaczysz swoje Wydarzenia wymienione w oknie podglądu. Wystarczy kliknąć przycisk „Pobierz kod” pod podglądem.
Spowoduje to wyświetlenie okienka, w którym musisz przełączyć się na kartę iFrame i skopiować kod osadzania.
Następnie przejdź do obszaru administracyjnego witryny WordPress i edytuj post lub stronę, na której chcesz wyświetlić wydarzenia na Facebooku.
Na ekranie edycji postu kliknij ikonę ( + ), aby dodać nowy blok, a następnie znajdź blok HTML w blokach formatowania.
Następnie musisz wkleić kod z Narzędzia Wtyczki strony Facebooka do tego bloku:
Następnie możesz zapisać swój post lub opublikować go. Możesz teraz odwiedzić ten post lub stronę, aby zobaczyć kanał wydarzeń na Facebooku w akcji.
Aby wprowadzić zmiany w sposobie wyświetlania, musisz wrócić do Narzędzia Wtyczki strony Facebooka i ponownie utworzyć kod. Istnieje jednak tylko kilka ustawień, które można zmienić.
Jeśli chcesz dostosować sposób wyświetlania wydarzeń i mieć większą kontrolę nad opcjami, zalecamy użycie wtyczki WordPress Custom Facebook Feed Pro, którą omówimy w następnej metodzie.
Metoda 2. Korzystanie z niestandardowej wtyczki Facebook Feed Pro
W tym samouczku musisz zainstalować i aktywować wtyczkę Smash Balloon Custom Facebook Feed Pro. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po zainstalowaniu wtyczki musisz podłączyć ją do swojego konta na Facebooku.
Łączenie konta na Facebooku z Smash Balloon
Zwykle za pomocą Smash Balloon możesz automatycznie połączyć swoje konto. Aby to zrobić, wystarczy udać się do Facebook Feed ” Ustawienia, a następnie kliknij przycisk „Połącz konto na Facebooku”.
Jednak ze względu na ostatnie zmiany w interfejsie API Facebooka ta metoda obecnie nie działa w przypadku wyświetlania zdarzeń w witrynie.
Aby wyświetlić zdarzenia, musisz ręcznie wygenerować token dostępu do Facebooka. Wiąże się to z kilkoma różnymi krokami, ale na szczęście Smash Balloon ma kilka narzędzi, aby uczynić to tak łatwym, jak to możliwe.
Facebook for Developers site to strona dla programistów, która umożliwia utworzenie konta dewelopera przy użyciu zwykłych danych logowania do Facebooka.
Jeśli masz już konto programisty, po prostu kliknij łącze „Moje aplikacje” w prawym górnym rogu, a następnie kliknij przycisk Dodaj nową aplikację.
Jeśli nigdy wcześniej nie tworzyłeś aplikacji, po prostu kliknij przycisk „Utwórz aplikację”, aby kontynuować.
Spowoduje to wyświetlenie wyskakującego okna, w którym musisz kliknąć opcję „Wszystko inne”:
Następnie musisz wpisać wyświetlaną nazwę aplikacji, a następnie kliknąć przycisk „Utwórz identyfikator aplikacji”.
Możesz zostać poproszony o podanie hasła do Facebooka i wypełnienie Captcha. Następnie zobaczysz pulpit aplikacji:
Po lewej stronie pulpitu nawigacyjnego musisz kliknąć Ustawienia ” Podstawowe.
Teraz wystarczy kliknąć przycisk „Pokaż” obok „App Secret”. Możesz zostać poproszony o ponowne wprowadzenie hasła do Facebooka.
Wszystko, co musisz zrobić w tym kroku, to skopiować identyfikator aplikacji i sekret aplikacji do pól w kroku 13 na tej stronie Smash Balloon:
Teraz stworzymy token dostępu. Najpierw musisz przejść do strony Facebook Graph API explorer.
Po prawej stronie upewnij się, że nazwa aplikacji jest wybrana w rozwijanym menu „Aplikacja na Facebooku”. Następnie kliknij przycisk „Wygeneruj Token dostępu”:
Spowoduje to wyświetlenie wyskakującego okna, w którym wystarczy kliknąć przycisk „Kontynuuj jako”, Aby kontynuować.
Następnym krokiem jest dodanie specjalnego uprawnienia do tokena dostępu. Aby to zrobić, wystarczy skopiować i wkleić pages_read_user_content w wierszu „Dodaj uprawnienia”, a następnie kliknij go, gdy pojawi się w małym wyskakującym okienku, w ten sposób:
Po dodaniu tego uprawnienia powinno ono wyglądać następująco:
Teraz musisz ponownie kliknąć przycisk Generuj Token dostępu. Zobaczysz takie okienko. Po prostu kliknij przycisk ” Kontynuuj jako…”:
Facebook poprosi Cię o wybranie strony, której chcesz użyć. Wybierz stronę, z której chcesz wyświetlić zdarzenia. Ważne jest, aby wybrać tylko 1 stronę. Po zaznaczeniu pola obok wybranej strony kliknij przycisk „Dalej”.
Facebook wyświetli końcowy ekran.
Tutaj wystarczy kliknąć „gotowe”. Wiadomość na Facebooku o przesłaniu aplikacji do recenzji Nie dotyczy użytkownika, ponieważ aplikacja pozostanie po prostu w trybie deweloperskim.
Następnie wystarczy kliknąć przycisk „Uzyskaj Token dostępu” po raz ostatni. Teraz Facebook zapewni Ci tymczasowy token dostępu.
Ten token może być użyty tylko do wykonania pierwszego wywołania API. Dlatego musisz użyć strony dokumentacji Smash Ballon, aby wykonać to wywołanie API i uzyskać rozszerzony token.
Po prostu skopiuj i wklej go do pola w kroku 23 na tej stronie.
Po skopiowaniu go do pudełka kliknij przycisk „Rozszerz mój token”. Następnie zobaczysz Rozszerzony token w dużym pudełku:
Zachowaj to otwarte w osobnej karcie lub skopiuj i wklej w bezpieczne miejsce, ponieważ będzie to potrzebne za chwilę.
Teraz, gdy mamy wszystkie potrzebne informacje, Połącz swój blog WordPress z Facebookiem.
Po prostu przejdź do Facebook Feed ” Ustawienia w panelu WordPress i kliknij przycisk „ręcznie Połącz konto”:
Zobaczysz listę rozwijaną, gdzie wystarczy wybrać opcję „strona” :
Następnie wprowadź nazwę strony, identyfikator strony (ostatnia część adresu URL strony na Facebooku) i rozszerzony token dostępu utworzony wcześniej. Następnie kliknij przycisk „Połącz konto”.
Po wykonaniu tej czynności zobaczysz połączoną stronę wymienioną w niestandardowych ustawieniach Facebook Feed Pro:
Ostatnim krokiem jest kliknięcie przycisku „Make Primary Feed”:
Facebook ID i Token dostępu do Facebooka powyżej tego na ekranie zostały już wypełnione:
Nie zapomnij kliknąć przycisku Zapisz Ustawienia po wykonaniu tej czynności.
Konfigurowanie Kanału Kalendarza Wydarzeń Na Facebooku
Następnie skonfigurujemy kanał na Facebooku, aby wyświetlał tylko Wydarzenia, a nie wszystkie posty. Aby to zrobić, musisz udać się do Dostosuj ” Ogólne strona.
Tutaj musisz przewinąć stronę w dół do sekcji typy postów. Gdy dotrzesz do tej sekcji, musisz odznaczyć wszystkie pola z wyjątkiem wydarzeń.
Możesz teraz dodać kanał wydarzeń do dowolnego postu lub strony w swojej witrynie. Możesz nawet dodać go do paska bocznego lub stopki za pomocą widżetu.
Stworzymy stronę dla naszych wydarzeń na Facebooku. Przejdź do Strony ” Dodaj Nowy aby utworzyć nową stronę.
Na ekranie edycji postu kliknij ikonę ( + ), aby dodać nowy blok. Znajdź Niestandardowy blok kanału na Facebooku w sekcji Widżety lub wyszukaj go za pomocą paska wyszukiwania.
Następnie zobaczysz kanał wydarzeń na Facebooku w edytorze bloków. Możesz wyświetlić podgląd swojej strony, aby zobaczyć ją na żywo w swojej witrynie.
Uwaga: Dodaliśmy kilka dodatkowych stylizacji do naszego kanału wydarzeń. Za chwilę wyjaśnimy, jak to zrobić.
Jeśli używasz klasycznego edytora, możesz dodać kanał do swojej strony za pomocą krótkiego kodu [custom-facebook-feed]. Po prostu wpisz, że tam, gdzie chcesz, aby zdarzenia pojawiły się na stronie:
Możesz również użyć tego skrótu, aby dodać kanał na Facebooku na pasku bocznym lub w dowolnym innym obszarze obsługującym widżety.
Aby to zrobić, przejdź do Wygląd ” Widgety w panelu WordPress. Po prostu dodaj widżet tekstowy do paska bocznego, skopiuj i wklej do niego skrócony kod:
Dostosowywanie sposobu wyświetlania kanału wydarzeń na Facebooku w WordPress
Możesz zmienić domyślne ustawienia, aby Twoje wydarzenia na Facebooku wyglądały tak dobrze, jak to możliwe w Twojej witrynie.
Za pomocą niestandardowego Facebook Feed Pro, można zmienić wszelkiego rodzaju szczegóły, w tym informacje wymienione Z wydarzenia i sposób, w jaki wydarzenia są stylizowane.
Aby rozpocząć, przejdź do Facebook Feed ” Dostosuj strony i kliknij link „typy postów” lub przewiń w dół do tej sekcji strony. Tam zobaczysz różne opcje dla swojego kanału wydarzeń.
Zalecamy korzystanie ze strony „Wydarzenia” jako źródła wydarzeń. W ten sposób pojawią się one w kolejności, kiedy wydarzenie będzie miało miejsce, a nie w kolejności, kiedy je dodałeś.
Jeśli chcesz, możesz zmienić przesunięcie zdarzenia, aby zatrzymać wyświetlanie zdarzeń wcześniej po ich rozpoczęciu. Możesz na przykład usunąć zdarzenia 1 godzinę po ich rozpoczęciu, zamiast domyślnych 6 godzin:
Upewnij się, że po wprowadzeniu zmian klikniesz przycisk Zapisz zmiany u dołu strony.
Następnym krokiem jest wybór układu kalendarza wydarzeń. Aby to wybrać, przejdź do Dostosuj ” Układ Postów i po prostu wybierz jedną z opcji. Użyjemy wyświetlacza o połowie szerokości do naszych wydarzeń.
Jeśli przewiniesz stronę w dół, zobaczysz opcje pokazywania / ukrywania różnych szczegółów. Możesz je sprawdzić lub odznaczyć w dowolny sposób.
Upewnij się, że klikniesz przycisk Zapisz zmiany po zakończeniu zmiany rzeczy na tej stronie.
Możesz także dostosować wygląd postów o wydarzeniach w Twojej witrynie. Aby to zrobić, przejdź do Dostosuj ” Style Postów sekcja w Ustawieniach kanału Facebook.
Możesz przełączać się między zwykłym lub pudełkowym stylem z zaokrąglonymi rogami
Po wybraniu stylu możesz przewijać stronę w dół, aby uzyskać więcej opcji, takich jak kolor tekstu, rozmiar i format.
Gdy ustawienia są już gotowe, kliknij przycisk Zapisz zmiany u dołu strony.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać kalendarz wydarzeń na Facebooku w WordPress. Możesz również zobaczyć naszą kompletną ściągawkę w mediach społecznościowych dla WordPress i nasze porównanie najlepszych usług e-mail marketingowych w celu promowania swoich wydarzeń.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
