Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak dodać pływający pasek udostępniania w mediach społecznościowych w WordPressie

Zachęcenie czytelników do udostępniania Twoich treści to jeden z najlepszych sposobów na dotarcie do nowej publiczności. Jednak standardowe przyciski udostępniania często znikają z widoku w momencie, gdy odwiedzający zaczyna przewijać stronę.

Pływający pasek udostępniania społecznościowego rozwiązuje ten problem, pozostając widocznym przez cały czas, co ułatwia czytelnikom promowanie Twojego wpisu. Przetestowaliśmy to umiejscowienie na naszych własnych stronach internetowych i stwierdziliśmy, że konsekwentnie generuje więcej kliknięć i ruchu.

W tym przewodniku pokażemy Ci, jak dodać pływający pasek udostępniania społecznościowego w WordPressie.

Dodaj pływający pasek udostępniania w mediach społecznościowych w WordPress

Dlaczego warto dodać pływający pasek udostępniania w mediach społecznościowych w WordPress?

Dodanie widocznego paska udostępniania w mediach społecznościowych ułatwia odwiedzającym udostępnianie Twoich treści na platformach społecznościowych takich jak Instagram, Facebook i Twitter. Utrzymując ten pasek widoczny podczas przewijania, zapewniasz użytkownikom wygodny sposób udostępniania Twoich treści w dowolnym momencie.

Może to prowadzić do zwiększonego zaangażowania, ruchu i świadomości marki. Ponadto może motywować użytkowników do pozostawiania komentarzy i polubień lub śledzenia Twoich aktualizacji.

Poza tym pływający pasek udostępniania społecznościowego może pośrednio poprawić SEO Twojej witryny. Gdy więcej użytkowników udostępnia Twoje treści w mediach społecznościowych, zwiększa to Twoją widoczność i ruch, co poprawia prawdopodobieństwo uzyskania linków zwrotnych z innych stron internetowych.

Mając to na uwadze, przyjrzyjmy się, jak łatwo dodać pływający pasek udostępniania w mediach społecznościowych w WordPress. W tym samouczku omówimy metodę kodu i wtyczki. Możesz użyć poniższych linków, aby przejść do wybranego podejścia:

Metoda 1: Dodaj pływający pasek udostępniania w mediach społecznościowych za pomocą WPCode

Jeśli szukasz konfigurowalnego i łatwego sposobu na dodanie pływającego paska udostępniania w mediach społecznościowych w WordPressie, ta metoda jest dla Ciebie.

Do tego podejścia użyjemy WPCode, ponieważ jest to najlepsza wtyczka do fragmentów kodu WordPress na rynku. Więcej informacji o tym narzędziu znajdziesz w naszej pełnej recenzji WPCode.

WPCode posiada obszerną bibliotekę gotowych fragmentów kodu, w tym gotowe rozwiązanie do dodawania pływającego paska udostępniania społecznościowego. Eliminuje to potrzebę pisania kodu od podstaw i ułatwia wdrożenie tej funkcji na Twojej stronie internetowej.

Najpierw musisz zainstalować i aktywować wtyczkę WPCode. Więcej informacji znajdziesz w naszym przewodniku dla początkujących na temat jak zainstalować wtyczkę WordPress.

Uwaga: WPCode posiada darmową wersję. Jednak aby odblokować pełną bibliotekę fragmentów kodu (w tym ten konkretny fragment), będziesz potrzebować planu pro tego pluginu.

Po aktywacji przejdź do strony Fragmenty kodu » + Dodaj fragment z panelu WordPress i użyj pola wyszukiwania, aby zlokalizować fragment „Pływające ikony mediów społecznościowych”.

Gdy to zrobisz, po prostu kliknij przycisk „Użyj fragmentu” pod nim.

Kliknij Użyj fragmentu dla fragmentu pływających ikon mediów społecznościowych

Spowoduje to otwarcie strony „Edytuj fragment” na ekranie. Zauważysz, że fragment kodu dla pływającego paska udostępniania w mediach społecznościowych, z linkami do Facebooka, Instagrama, Twittera i LinkedIn, został już dodany do pola „Podgląd kodu”.

Możesz teraz użyć fragmentu kodu w obecnej formie lub przewinąć w dół i zmienić pozycję, margines, szerokość, kolor tła, wysokość i promień zaokrąglenia ikon.

Na przykład, domyślnym kolorem tła dla tych ikon mediów społecznościowych jest czarny. Możesz jednak zastąpić go kodem szesnastkowym koloru, który lepiej pasuje do Twojej marki. Jeśli nie znasz kodu koloru, możesz użyć darmowego narzędzia do wyboru kolorów online, aby go znaleźć.

Dostosuj pływający pasek udostępniania w mediach społecznościowych

Następnie przewiń z powrotem na górę i przełącz przełącznik „Nieaktywny” na „Aktywny”.

Następnie kliknij przycisk „Zaktualizuj”, aby zapisać ustawienia i dodać pływający pasek udostępniania w mediach społecznościowych.

Aktywuj fragment kodu do aktualizacji

Możesz teraz odwiedzić swoją stronę internetową, aby zobaczyć ikony mediów społecznościowych w akcji.

Oto jak wyglądało to na naszej stronie demonstracyjnej.

Pływający pasek udostępniania w mediach społecznościowych GIF

Metoda 2: Dodaj pływający pasek linków do mediów społecznościowych za pomocą wtyczki

Jeśli nie chcesz używać niestandardowego kodu na swojej stronie internetowej, ta metoda jest dla Ciebie. Pamiętaj jednak, że dzięki temu podejściu nie uzyskasz tak wielu opcji dostosowywania.

Najpierw musisz zainstalować i aktywować wtyczkę Floating Social Share Icons. Szczegółowe informacje znajdziesz w naszym poradniku jak zainstalować wtyczkę WordPress.

Po aktywacji odwiedź stronę Pływające linki i ikony społecznościowe z panelu WordPress. Domyślnie wtyczka automatycznie doda pływające ikony, które pozwalają użytkownikom odwiedzić stronę główną, następny post, poprzedni post, górę strony i dół strony oraz skopiować bieżący adres URL.

Jednak jeśli nie potrzebujesz żadnej z tych funkcjonalności, możesz wyłączyć przełącznik dla tych opcji. Po wykonaniu tej czynności Twoje zmiany zostaną automatycznie zsynchronizowane.

Usuń niepotrzebne ikony, przełączając przełącznik

Następnie przejdź do strony Pływające linki i ikony społecznościowe » Ikony społecznościowe z paska bocznego administratora.

Aby dostosować swój pływający pasek społecznościowy, po prostu przełącz przełącznik obok wybranych platform mediów społecznościowych. Spowoduje to wyświetlenie odpowiednich ikon na pasku, umożliwiając odwiedzającym łatwe odwiedzanie Twoich profili w mediach społecznościowych.

Dodaj pływający pasek udostępniania w mediach społecznościowych w WordPress

Twoje ustawienia zostaną automatycznie zapisane po dokonaniu zmian.

Następnie możesz odwiedzić swoją stronę WordPress, aby zobaczyć pływający pasek udostępniania w mediach społecznościowych w akcji.

GIF dla pływającego paska udostępniania w mediach społecznościowych

Bonus: Dodaj pływający pasek obserwowania mediów społecznościowych w WordPressie

Jeśli chcesz zwiększyć liczbę obserwujących w mediach społecznościowych, możesz również dodać pływający pasek z przyciskami obserwowania w WordPress.

Pozwala to odwiedzającym na łatwe połączenie z Twoimi profilami w mediach społecznościowych i bycie na bieżąco z najnowszymi wiadomościami i wydarzeniami. Ułatwiając użytkownikom śledzenie Cię w mediach społecznościowych, możesz poszerzyć swój zasięg i budować zaangażowaną społeczność.

Aby to zrobić, potrzebujesz OptinMonster, który jest najlepszym narzędziem do generowania leadów na rynku. Dodatkowo, zawiera gotowy szablon do stworzenia pływającego paska społecznościowego.

Najpierw odwiedź stronę OptinMonster i zarejestruj konto. Pamiętaj, że będziesz musiał kupić plan Basic, ponieważ zawiera on typ kampanii Pływającego Paska.

Strona internetowa OptinMonster

Następnie przejdź do swojego panelu WordPress, aby zainstalować i aktywować wtyczkę OptinMonster connector. Szczegółowe informacje znajdziesz w naszym poradniku jak zainstalować wtyczkę WordPress.

Po aktywacji zobaczysz ekran powitalny i kreator konfiguracji. Kliknij przycisk „Połącz istniejące konto”.

Połącz istniejące konto

Następnie możesz postępować zgodnie z instrukcjami wyświetlanymi na ekranie, aby połączyć swoje konto OptinMonster z WordPress.

Po wykonaniu tej czynności przejdź do strony OptinMonster » Szablony z panelu WordPress i wybierz „Pływający pasek” jako typ kampanii.

Następnie kliknij przycisk „Użyj szablonu” dla szablonu „Obserwuj w mediach społecznościowych”. Otworzy się okno, w którym musisz podać nazwę tworzonej kampanii.

Wybierz szablon paska społecznościowego do obserwowania

Kreator przeciągnij i upuść OptinMonster uruchomi się teraz na Twoim ekranie.

Tutaj możesz zaprojektować swój pływający pasek.

Dostosuj pasek społecznościowy według własnych upodobań

Plugin oferuje różne bloki, które można po prostu przeciągnąć i upuścić na szablon. Na przykład, możesz dodać obraz, tekst, przycisk i więcej do swojego paska mediów społecznościowych.

Aby dowiedzieć się więcej, zobacz nasz samouczek na temat jak dodać pasek alertów w WordPressie.

Następnie kliknij przyciski obserwowania mediów społecznościowych w pływającym pasku. Spowoduje to otwarcie nowych ustawień w lewej kolumnie.

Tutaj możesz odpowiednio dodać adres URL swoich stron na Facebooku, Instagramie i Twitterze.

Dodaj adresy URL swoich stron w mediach społecznościowych i identyfikatory

Po zakończeniu przejdź do zakładki „Publikuj” u góry i zmień status kampanii na „Publikuj”. Następnie musisz kliknąć przycisk „Zapisz” i zamknąć edytor wizualny.

Możesz teraz odwiedzić swoją witrynę WordPress, aby zobaczyć pływający pasek społecznościowy w akcji.

Pływający pasek udostępniania w mediach społecznościowych w WordPress

Często zadawane pytania dotyczące pływających pasków udostępniania społecznościowego

Z naszego doświadczenia w pomaganiu użytkownikom w zwiększaniu ich zasięgu w mediach społecznościowych, często napotykamy na konkretne pytania dotyczące konfiguracji przycisków udostępniania. Oto odpowiedzi na niektóre z najczęstszych pytań dotyczących pływających pasków udostępniania w mediach społecznościowych w WordPress.

1. Czy dodanie pływającego paska udostępniania w mediach społecznościowych spowolni moją stronę internetową?

Źle napisane pluginy społecznościowe mogą spowolnić Twoją stronę, ładując zbyt wiele zewnętrznych skryptów. Jednak użycie lekkiego rozwiązania, takiego jak fragment kodu z biblioteki WPCode, zapewnia, że szybkość Twojej strony pozostanie wysoka, jednocześnie oferując funkcje udostępniania.

2. Czy pływający pasek udostępniania wpływa na doświadczenie użytkownika na urządzeniach mobilnych?

Pływające paski mogą czasami blokować treść na mniejszych ekranach. Zalecamy skonfigurowanie ustawień pływającego paska udostępniania w mediach społecznościowych tak, aby albo ukrywał się na urządzeniach mobilnych, albo pojawiał się jako przyklejony dolny pasek na dole ekranu.

3. Które platformy mediów społecznościowych powinienem uwzględnić w pływającym pasku?

Powinieneś priorytetowo traktować platformy, na których Twoja konkretna publiczność jest najbardziej aktywna. Dla większości blogów i firm dodanie Facebooka, Twittera (X) i LinkedIn do pływającego paska udostępniania w mediach społecznościowych przynosi najlepsze rezultaty.

4. Czy mogę dodać pływający pasek udostępniania bez wtyczki?

Tak, możesz zakodować pływający pasek udostępniania za pomocą HTML i CSS, ale wymaga to wiedzy technicznej. Sugerujemy użycie WPCode, ponieważ pozwala ono bezpiecznie wstawić niezbędny kod bez bezpośredniej edycji plików motywu.

Dodatkowe zasoby

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać pływający pasek udostępniania w mediach społecznościowych w WordPressie. Możesz również zapoznać się z tymi dodatkowymi zasobami:

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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz w niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak finansowany jest WPBeginner, dlaczego to ważne i jak możesz nas wesprzeć. Oto nasz proces redakcyjny.

Ostateczny zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi – kolekcji produktów i zasobów związanych z WordPress, które powinien mieć każdy profesjonalista!

Interakcje czytelników

123 CommentsLeave a Reply

  1. Z jakiego pluginu do mediów społecznościowych korzystasz na tej stronie? Ponieważ wygląda inaczej niż Twój pływający pasek udostępniania w mediach społecznościowych?

  2. Właśnie zainstalowałem wtyczkę. Wygląda ładnie. Czy jest sposób, aby pasek był na dole posta? Wydaje się, że lepiej byłoby go tam umieścić. Ludzie udostępnią post, gdy go przeczytają i uznają, że ma wartość – nie chcę polegać na tym, że będą przewijać cały tekst z powrotem na górę tylko po to, aby udostępnić!

  3. Zainstalowałem, aktywowałem i dodałem Facebooka do pola „włączone usługi społecznościowe”. Nie mam konta użytkownika Twittera, więc zostawiłem tę część pustą. Zapisałem ustawienia, ale zakładka Facebook nie pojawia się na mojej stronie internetowej! Czy coś przeoczyłem? Dzięki

  4. Twoje instrukcje mówią: „Następnie dodaj swój identyfikator Twitter w polu…”
    Sam nie mam konta na Twitterze. Czy nie mogę korzystać z tego wtyczki bez zakładania konta na Twitterze? (Jestem na Facebooku i LinkedIn.)

  5. Chciałbym użyć tego pluginu, ale nie mogę znaleźć sposobu na zmianę koloru tła… Moja strona nie jest biała.

  6. Chciałbym użyć tego pluginu, ale nie mogę znaleźć sposobu na zmianę koloru tła… Moja strona nie jest biała.

  7. Błąd podczas naciskania przycisku Google +1. Pojawia się czerwony trójkąt i nie mogę tego rozwiązać.
    Pomocy!!!

  8. Jak mogę wyłączyć wyświetlanie liczby udostępnień? Nie chcę, aby liczba udostępnień była widoczna.

  9. Cześć, fajna wtyczka. Mam jednak problem, kiedy używam przycisku „pin it”, przycina zdjęcie. Jak mogę tego uniknąć?

  10. Chciałem tylko dać znać, że Twój wtyczka Floating Social Bar powodowała problemy z moim motywem WP-Bold. Usuwała fragment z widżetu, którego używałem do wyświetlania powiązanych treści na pasku bocznym. Tytuł był obecny, ale tylko na single.php fragment znikał. Wsparcie Solostream wspomniało, że powinienem coś powiedzieć. Zmieniłem na inną wtyczkę z tego powodu, ale wolałbym używać Floating Social Bar.

    Dzięki!

  11. Czy nadal planujecie wydać wersję zawierającą liczbę komentarzy, tak jak ta strona? Nawet jeśli nie jest gotowa do wydania, czy ten kod jest publiczny?

  12. Hi! Thanks for the great plugin. I have some questions when people press like or +1 do they share the post in my blog too? How can people share my content from the social bar? What is the capital of North Dakota ;) Thanks again!

  13. Świetny plugin, ale niestety pochłania dużo zasobów. Plugin P3 pokazuje, że pochłania 51% wszystkich moich pluginów (mam 12 pluginów).

    • Używamy jej na własnych stronach i bardzo zwracamy uwagę na szybkość ładowania stron. Jeśli chodzi o wtyczkę P3, wyniki testów mogą być wpływane przez wiele czynników, takich jak inne usługi działające na Twoim serwerze, jeśli korzystasz ze współdzielonego serwera, wpłynie to również na wyniki.

      Admin

  14. Świetny plugin – chciałbym wiedzieć jedno – czy mogę mieć tak, że licznik ładuje się natychmiast – tak jak macie na swojej stronie – liczby udostępnień są widoczne nawet jeśli nie najedziemy na plugin.

  15. Naprawdę świetny plugin!

    I finally activated and modified it a little to suit my theme :)

    Mam kilka pytań:

    1. Czy planujecie dodać nowy przycisk udostępniania na Facebooku obok przycisku "Lubię to"? Proszę, rozważcie to.
    2. Czy nie byłoby lepiej zarządzać stylami w osobnym pliku CSS zamiast w stylach inline? Wiele motywów premium ma opcję niestandardowego CSS, który jest dodawany do nagłówka; ale w tym przypadku to nie działa. Musiałem zmodyfikować plik wtyczki, aby zmienić style.

    Bardzo dziękuję za tak wspaniały produkt!

  16. Cześć! Od jednej wysokiej jakości osoby do drugiej: Widzę cię. Ten plugin jest świetny i podejrzewam, że wynika to z dbałości o szczegóły, którą widzę we wszystkim, co robisz!

    Jedno pytanie: czy masz pomysł, dlaczego pasek nie jest „lepki” na moim iPhonie (iOS7)? Używam motywu Point, który jest responsywny. Próbowałem wyłączyć inne wtyczki społecznościowe.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.