Jak dodać przyciski udostępniania do strony
Przyciski udostępniania w mediach społecznościowych ułatwiają czytelnikom przekazywanie dalej interesujących treści. Na blogu urodowym mogą zwiększyć zasięg recenzji kosmetyków, porad pielęgnacyjnych, zakupowych haulów oraz wpisów o markach wegańskich i cruelty-free.
W przypadku Iwetto warto zadbać o rozwiązanie lekkie, estetyczne i spójne z charakterem bloga. Odwiedzający powinni móc szybko wysłać artykuł na Facebooka, Pinterest, X, WhatsApp lub skopiować jego adres bez zasłaniania treści i spowalniania strony.
Dodanie ikon nie wymaga tworzenia sklepu ani zaawansowanej wiedzy programistycznej. Na platformie Blogger można wykorzystać gotowy generator kodu, gadżet HTML/JavaScript albo proste odnośniki przygotowane ręcznie.
Dlaczego warto ułatwić udostępnianie
Czytelnik, który znajdzie ciekawą recenzję kremu lub inspirację na manicure, nie zawsze będzie kopiować adres strony samodzielnie. Widoczny przycisk skraca tę drogę do jednego kliknięcia i pomaga przenieść artykuł do rozmowy ze znajomymi.
Udostępnienia mogą także kierować nowych odbiorców do starszych publikacji. Przykładowo, osoby zainteresowane stylizacją paznokci mogą trafić na zdobienie paznokci z kokardką, nawet jeśli wpis nie znajduje się już na stronie głównej.
Wybór kanałów dla bloga urodowego
Nie trzeba dodawać wszystkich dostępnych serwisów. Nadmiar ikon sprawia, że pasek wygląda chaotycznie, a część przycisków może być praktycznie nieużywana przez odbiorców. Lepiej wybrać kilka miejsc odpowiadających tematyce i grupie czytelników.
Dla bloga kosmetycznego szczególnie przydatne mogą być Pinterest, Facebook, WhatsApp oraz opcja kopiowania linku. Pinterest dobrze pasuje do zdjęć makijażu, paznokci i produktów, natomiast WhatsApp ułatwia prywatne przesyłanie rekomendacji.
Dodanie kodu w Bloggerze
Najprostsza metoda polega na użyciu serwisu generującego przyciski, takiego jak AddToAny, AddThis lub ShareThis. Po wybraniu ikon i stylu narzędzie tworzy fragment kodu JavaScript, który można wkleić w panelu Bloggera.
W Bloggerze należy przejść do sekcji „Układ”, wybrać „Dodaj gadżet”, a następnie „HTML/JavaScript”. Kod można umieścić w bocznym pasku, pod nagłówkiem albo w obszarze widocznym przy wpisach. Przed zapisaniem warto usunąć zbędny tekst tytułu gadżetu.
| Sposób instalacji | Zalety | Ograniczenia | Dobre miejsce |
|---|---|---|---|
| Generator przycisków | Szybka konfiguracja i gotowy kod | Zależność od zewnętrznego narzędzia | Pod wpisem |
| Gadżet HTML/JavaScript | Łatwa edycja w Bloggerze | Mniej precyzyjne sterowanie położeniem | Pasek boczny |
| Ręczne linki | Pełna kontrola nad wyglądem | Wymagają podstaw HTML i CSS | Nad lub pod treścią |
| Wtyczka zewnętrzna | Dodatkowe statystyki udostępnień | Może obciążać stronę | Przy końcu artykułu |
Dopasowanie wyglądu ikon
Przyciski powinny współgrać z kolorystyką bloga, ale jednocześnie pozostawać łatwe do zauważenia. Przy delikatnym, kobiecym układzie dobrze sprawdzą się niewielkie ikony w jednym rzędzie, z subtelnym obramowaniem i wyraźnym efektem po najechaniu kursorem.
Warto ograniczyć liczbę animacji oraz dużych skryptów śledzących. Zbyt ciężki moduł może wydłużać ładowanie strony, szczególnie na telefonie. Ikony powinny mieć opis alternatywny lub etykietę, aby były zrozumiałe także dla osób korzystających z technologii wspierających.
Umiejscowienie przycisków i adres artykułu
Najbardziej naturalne miejsca to początek lub koniec wpisu. Początek przypomina o udostępnieniu jeszcze przed lekturą, a koniec trafia do osób, które zapoznały się z całą recenzją i są bardziej skłonne polecić ją dalej.
Warto sprawdzić, czy przyciski przekazują właściwy tytuł, obraz główny i adres podstrony, a nie tylko stronę główną bloga. Dotyczy to również materiałów publikowanych w różnych działach, na przykład wpisu w dziale Journal, który powinien otwierać się pod własnym, poprawnym adresem.
Zasady, które poprawiają wygodę czytania
Przed uruchomieniem funkcji dobrze przeanalizować widok mobilny. Ikony nie mogą nachodzić na tekst, zdjęcia ani menu, a ich obszar klikalny powinien być wystarczająco duży dla użytkownika telefonu.
Praktyczne rozwiązania dla Iwetto obejmują:
- umieszczenie ikon pod tytułem albo pod treścią wpisu,
- ograniczenie zestawu do najważniejszych kanałów,
- dodanie opcji kopiowania adresu artykułu,
- zachowanie spójnych kolorów i rozmiarów,
- unikanie wyskakujących okien zasłaniających zdjęcia kosmetyków.
Sprawdzenie działania na różnych urządzeniach
Po wklejeniu kodu należy otworzyć kilka opublikowanych artykułów i przetestować każdy przycisk. Warto sprawdzić udostępnianie na komputerze, telefonie oraz w różnych przeglądarkach, ponieważ niektóre skrypty mogą zachowywać się odmiennie.
Należy także zweryfikować podgląd linku w wybranym serwisie społecznościowym. Jeśli brakuje zdjęcia lub opis jest przypadkowy, trzeba uzupełnić metadane wpisu, tytuł strony i obraz wyróżniający. Dobrze skonfigurowane przyciski będą dyskretnym, ale skutecznym dodatkiem do każdego artykułu.
Dodaj je do jednego testowego wpisu, sprawdź wygląd na telefonie i dopiero potem zastosuj wybrane rozwiązanie w całym blogu Iwetto.