Kod HTML dla grupowych przycisków społecznościowych. Przyciski mediów społecznościowych

Pozdrowienia! Ostatnio byłem informacja zwrotna zapytał, jak zrobić te same przyciski portale społecznościowe, które są zainstalowane na mojej stronie internetowej. I zdecydowałem się udzielić odpowiedzi w artykule, recenzując 6 służby socjalne. przyciski dla witryny.

Zalety i wady

Należy jednak zaznaczyć, że w niektórych przypadkach rozmieszczenie przycisków może mieć niewielkie wady. Zastanówmy się, dlaczego konieczne jest umieszczenie przycisków sieci społecznościowych na utworzonym blogu, a także rozważmy główne pozytywne i strony negatywne umieszczenie takich ikon.

Wady

Szybkość ładowania strony może być wolniejsza.

Przy wysoce specjalistycznym ukierunkowaniu projektu internetowego możesz nie uzyskać pożądanego efektu.

Przegląd usług przycisków społecznościowych

Przyjrzyjmy się najpopularniejszym usługom, za pomocą których można dodać przyciski społecznościowe do swojej witryny.

To jest całkowicie Darmowa usługa, który działa w następujący sposób. Automatycznie generuje specjalny skrypt, który pozwala odwiedzającym projekt internetowy publikować linki do sieci społecznościowych. Usługa wygląda jak przyciski. Instalacja jest bardzo prosta i wygodna, a umieszczone przyciski pięknie prezentują się na stronie.

Usługa oferuje ponad trzysta opcji dla różnych przycisków! Bardzo łatwo możesz wybrać swoje ulubione.

Instalacja odbywa się dosłownie jednym kliknięciem. Istnieją statystyki konwersji.

To chyba jedna z najciekawszych usług online, za pomocą której możliwe jest wygenerowanie przycisku według kilku parametrów: rozmiaru i wygląd. Dodatkowo możesz wybrać sposób umieszczenia panelu z przyciskami (w poziomie lub w pionie). Możesz także określić kodowanie. Po wybraniu wszystkich niezbędne ustawienia, wygenerowany skrypt należy pobrać i umieścić w projekcie internetowym w wymaganej lokalizacji. Najczęściej zaraz po artykule.

Yandex oferuje Ci wybór, które sieci społecznościowe będą wyświetlane. Użytkownik może to zrobić po prostu zaznaczając pola obok przycisków, które zostaną umieszczone na bloku. Możesz edytować ich wygląd.

Następnie system automatycznie wygeneruje źródło, który musisz zainstalować na swoim blogu. Do głównych zalet tej usługi można zaliczyć fakt, że skrypt nie umieszcza linków wychodzących na tworzonym blogu. Możliwe jest także podłączenie Yandex.Metrica w celu prowadzenia statystyk.

Usługa ta umożliwia użytkownikom umieszczanie na swoich stronach internetowych bardzo pięknych i stylowych przycisków sieci społecznościowych. Formularz stworzony przez serwis wykorzystuje css i javascript. Wygenerowany formularz idealnie wpasuje się w projekt każdego projektu internetowego. Podobnie jak przyciski są wykonane przy użyciu nowoczesna technologia jquery. Podłączenie jest bardzo proste i nie sprawi trudności nawet początkującym. Ładowanie jest bardzo szybkie.

Jest to przydatna i całkowicie bezpłatna usługa online, która umożliwia użytkownikom umieszczanie przycisków w następujący sposób: w jednym rzędzie, ułożonych w formie rozwijanego menu, ikony wszystkich usług w rzędzie. Po wybraniu opcji wyświetlania, serwis automatycznie wygeneruje specjał kod javascriptowy, który należy umieścić w wymaganym miejscu na stronie.

Dodatkowo usługa podpowiada jak dodać utworzony kod do szablonów.

Za pomocą tej usługi możesz bardzo szybko i łatwo dodać niezbędne przyciski do swojej witryny lub bloga. Aby to zrobić, wystarczy wykonać trzy proste kroki: wybierz lokalizację, w której będzie zlokalizowany utworzony widget, wybierz styl przycisków i pobierz kod. Umieszczając takie przyciski na utworzonym blogu, odwiedzający będą mogli dodawać ciekawe materiały do własnych zakładek i sieci społecznościowych.

Zatem instalacja przycisków społecznościowych na stronie internetowej jest bardzo prosta i nie sprawi żadnych trudności nawet początkującym użytkownikom Internetu. W razie potrzeby możesz zainstalować przyciski dla wszystkich dostępnych sieci lub wybrać tylko niektóre niektórych sieci. Aby to zrobić, musisz użyć oficjalnych widżetów lub zewnętrznych widżetów usługi online. Najpopularniejsze są przyciski instalowane na nich blogi osobiste lub w internetowych projektach informacyjnych lub rozrywkowych. :)

P.S. Dziękuję za uwagę. Którą usługę wolisz? Czekam na Twoje komentarze. :)

W Ostatnio Modne stało się instalowanie przycisków mediów społecznościowych na stronach internetowych i blogach i nie jest to zaskakujące. Po pierwsze, przyciski pozwalają zwiększyć „lajki” i „serca”, co pozytywnie wpływa na promocję artykułów w sieciach społecznościowych. Po drugie, istnieją pewne rodzaje przycisków, które umożliwiają udostępnianie linków do poszczególnych stron witryny w sieciach społecznościowych - przyciąga to dodatkowych odwiedzających z Vkontakte, Facebooka, Odnoklassniki, Twittera itp. Po trzecie, artykuły, które otrzymały duża liczba„Polubienia” i „serca” cieszą się dużym zaufaniem czytelników witryny.

Dlatego bardzo ważne jest, aby wiedzieć, jak zainstalować przyciski sieci społecznościowych na stronie internetowej, aby pomóc w rozwoju zasobu sieciowego. Pod uwagę brane będą najpopularniejsze sieci społecznościowe

• W kontakcie z
• Facebook
• Koledzy z klasy
• Google „+1”
• Świergot
• Mój świat

Tutaj przyjrzymy się instalowaniu standardowych przycisków oferowanych przez same sieci społecznościowe. W takim przypadku każdy przycisk będzie musiał być zainstalowany oddzielnie od pozostałych, zajmuje to trochę czasu, ale wygląda również bardzo dobrze.

1.1. VKontakte 1.1.1 Przycisk „Zapisz”.

Przycisk jest dość elastyczny, napis na nim można zmienić na dowolny (domyślnie jest to „zapisz”).

Najpierw musisz przejść do strony, na której otrzymasz kod skryptu, który musisz zainstalować na swojej stronie, aby przycisk się wyświetlił.

Tutaj możesz wybrać jeden z 5 stylów: przycisk, przycisk bez licznika, link, link bez ikony, ikona.

Pole „tekst” umożliwia zmianę standardowego napisu „zapisz” na własny.

Jako adres URL możesz wybrać adres strony za pomocą przycisku lub adres innej strony (według własnego wyboru). W pierwszym przypadku przycisk udostępni link do strony, na której znajduje się sam przycisk. W drugim przypadku przycisk udostępni podany przez Ciebie link, niezależnie od tego gdzie się on znajduje.

Kod osadzający składa się z dwóch części: pierwsza powinna znajdować się w dowolnym miejscu pomiędzy tagami i, druga - w miejscu, w którym powinien wyświetlić się przycisk. O instalowaniu przycisku na stronie internetowej przeczytasz w akapicie.

1.1.2 Przycisk „Lubię to”.

Drugą opcją dla przycisku jest widżet „Lubię to”. Łatwiej będzie zainstalować go na stronie, ponieważ... na koniec otrzymasz tylko jeden fragment kodu, który będziesz musiał umieścić w odpowiednim miejscu na stronie.

Aby skonfigurować przycisk przejdź do ten link. Tutaj również musisz wypełnić szereg parametrów.

Nazwa witryny – tutaj lepiej podać krótką i prawdziwą nazwę swojej witryny.

Adres strony internetowej - wpisz adres strona główna Twoja strona.

Główna domena witryny - wskaż główne lustro witryny (można je znaleźć jako parametr operatora „Host”), jeśli trudno ci to zrobić, opuść sugerowany VKONTAKTE.

Opcje przycisków to różne style przyciski, wpływają one na jego wygląd.

Wysokość przycisku to wymiary geometryczne przycisku „Lubię to”.

Nazwa przycisku – dostępne są dwie opcje (podoba mi się, jest ciekawa).

Kod wstawiania to kod potrzebny do wyświetlenia przycisku sieci społecznościowej VKontakte.

1.2 Facebooka

Przycisk na tej stronie jest konfigurowany. Mogą pojawić się trudności, bo... wpisywane są komentarze do formularza język angielski, ale poniżej możesz przeczytać krótki opis każde pole.

URL do polubienia – adres URL strony dla przycisku (jeżeli pole nie zostanie wypełnione, przyjęty zostanie adres strony, na której znajduje się przycisk).

Przycisk Wyślij – obecność znacznika wyboru obejmuje Nowa okazja– wyślij link do Facebooka (zostanie wyświetlony dodatkowy przycisk- "wysłać"). Po włączeniu jednocześnie będą wyświetlane dwa przyciski.

Styl układu – styl przycisku wpływa na jego wygląd (liczba przycisków jest uważana za standardową).

Szerokość – szerokość przycisku w pikselach.

Pokaż twarze – po włączeniu tej opcji zostaną pokazane awatary osób, które już kliknęły w ten przycisk.

Czcionka – rodzaj czcionki przycisku.

Schemat kolorów – tło przestrzeni obok przycisku (biały i czarny).

Czasownik do wyświetlenia – nazwa przycisku (lubię to, polecam).

Pobierz kod – przycisk generujący kod skryptu.

1.3 Odnoklassniki i Mój Świat

Te sieci społecznościowe zyskały dużą popularność w Internet w języku rosyjskim, mieszka tam ogromna liczba ludzi, dlatego nie należy zaniedbać zainstalowania przycisku „Klasa” z serwisu Odnoklassniki i przycisku „Lubię to” ze strony My World.

Aby skonfigurować przyciski, musisz przejść do . Możesz dodawać przyciski pojedynczo, dostosowując każdy z nich inaczej, lub możesz edytować oba przyciski jednocześnie.

Rozmiar wysokości – rozmiar geometryczny przycisków.

Wygląd – wygląd ramki przycisku.

– wybór przycisków (jak, klasa)

Licznik – włączanie i wyłączanie licznika po naciśnięciu przycisku (po prawej, u góry – lokalizacja licznika).

Tekst na przyciskach – wybierz jedną z trzech dostępnych nazw przycisków.

Kod osadzania – kod skryptu, który należy zainstalować na stronie.

1.4 Google „+ 1”

Nowa sieć społecznościowa, która w krótkim czasie zyskała ogromna publiczność. Trudno wyobrazić sobie stronę bez przycisku „+1”, bo… pozwala nie tylko na dodanie linków do sieci społecznościowej i zwiększenie liczby „plusów”, ale może także wpłynąć na wyniki witryny w TOP wyszukiwarka Google.

Znajdują się tam wszystkie szczegóły na ten temat, a także instalacja i konfiguracja przycisku.

1.5 Twittera

Najpopularniejsza usługa krótkie wiadomości nie może być ignorowany. Zainstaluj przycisk dla tej sieci społecznościowej i zobacz, jak szybko ludzie będą udostępniać linki do Twojej witryny na Twitterze. Tutaj możesz dostosować przycisk.

Najpierw musisz wybrać żądany przycisk(nas interesuje pierwsza opcja – przycisk „wyślij link”).

Następnie na stronie pojawi się formularz z kilkoma polami do wypełnienia.

Wyślij link – wybierz stronę, na której znajduje się przycisk lub dowolną inną.

Tekst – wybierz tekst, który będzie pojawiał się obok przycisku (NIE NA SAMYM PRZYCISKU).

Pokaż licznik – włącz lub wyłącz zliczanie liczby naciśnięć przycisków.

Używanie – wybór sposobu dodania wiadomości z linkiem do Twittera (nie ma to żadnego wpływu).

Tag – wybierz tag, który będzie opublikowany na Twitterze (nie ma to żadnego wpływu).

Duży przycisk - zoom rozmiar geometryczny guziki.

Odmów dostosowania Twittera - odrzuć style Twittera (lepiej pozostawić to pole niezaznaczone).

Język – wybierz język przycisku.

Po prawej stronie zostanie wygenerowany kod, który należy dodać do witryny.

1,6 Ya.ru

Aby to zrobić, musisz wypełnić kilka pól, które się utworzą wymagany kod scenariusz.

Rozmiar – mały lub duży rozmiar guziki.

Styl – wybierz przycisk lub ikonę.

Licznik obecności – włącz lub wyłącz licznik naciśnięć przycisków.

Wygląd przycisku jest przykładem tego, jak będzie wyglądał przycisk.

Tytuł – wybierz tytuł strony (własny lub tytuł bieżącej strony).

Kod osadzający – wymagany kod dodawany do witryny.

2. Gotowe guziki dla witryny

Jeśli jednak nie chcesz dodawać kodu każdego przycisku do swojej witryny, możesz użyć standardowych skryptów, które od razu utworzą grupę przycisków sieci społecznościowych. W tym przypadku wystarczy, że dodasz jeden kod takiego skryptu na swoją stronę, a od razu będziesz mieć zainstalowane przyciski do najpopularniejszych sieci społecznościowych.

Aby skonfigurować blok i wybrać żądane sieci społecznościowe, kliknij ten link. Poniższy zrzut ekranu pokazuje, że możesz wybrać przyciski żądanych sieci społecznościowych spośród oferowanych, a także nieznacznie edytować wygląd bloku.

Zestaw usług – wybór przycisków społecznościowych dla serwisu (te, które są zaznaczone, będą wyświetlane na stronie).

Kod to wymagany skrypt, który należy dodać do witryny.

2.2 Przyciski PLUSO

W ostatnim czasie dużą popularność zyskał projektant przycisków sieci społecznościowych – PLUSO. Do witryny można przejść za pomocą tego linku.

Konstruktor jest dość elastyczny, posiada wiele ustawień, dzięki czemu można stworzyć przyciski sieci społecznościowych, które idealnie wpasują się w projekt witryny.

Najpierw należy wybrać styl przycisków i liczników spośród kilku oferowanych (poziomy, pionowy, kolorowy, bezbarwny itp.).

Następnie należy skonfigurować szereg ustawień, wybierając

• lokalizacja bloku (pionowa, pozioma);
• kolor przycisku (jasny, ciemny);
• rozmiar bloku (duży, mały);
• licznik (obecność lub nieobecność);
• tło (bezbarwne lub kolorowe);

Kod zostanie wygenerowany zgodnie z określonymi przez Ciebie parametrami, po czym należy go wstawić na stronę.

Udostępnij zając42

Kolejną usługą umożliwiającą zaprojektowanie przycisków dla Twojej witryny jest Share42.com/ru.

Ten generator pozwala dostosować rozmiar przycisków, określić żądane sieci społecznościowe duża liczba dostępne, a także edytować wygląd ikon.

Wybierz rozmiar przycisków i żądane sieci społecznościowe, a następnie przejdź do konfiguracji dodatkowych opcji.

Rodzaj panelu z ikonami – wyświetlający blok przycisków (ciekawa jest opcja „pionowo pływająca”).

Ogranicz widoczną liczbę ikon – wybierz liczbę wyświetlanych przycisków (pozostałe będą ukryte za linkiem).

Kodowanie witryny – wybierz kodowanie swojej witryny.

Dodaj ikonę dla witryny Share42.com - być może powinieneś ją odznaczyć.

Pokaż liczniki – włącz licznik kliknięć przycisków (tylko przy uruchomionym jQuery).

Instalacja tego skryptu dość skomplikowane, ale jest to opisane krok po kroku na samej stronie Share42.

3. Jak zainstalować przyciski na stronie

Jeśli kod, który należy umieścić na stronie, składa się z dwóch części (jak w przypadku przycisku VKontakte), wówczas każda część jest instalowana osobno. Jeśli kod nie jest podzielony na dwie części, to ten krok możesz to pominąć.

Pierwszą część kodu należy dodać pomiędzy tagami i. Aby to zrobić, przejdź do Panel administracyjny WordPressa i przejdź do edytora szablonów.

W edytorze szablonów musisz znaleźć plik „Nagłówek” (header.php), jeśli go nie ma, to – „Szablon główny” (index.php). Teraz musisz znaleźć znacznik lub. Jeśli w określone pliki nie ma takich tagów (wszystkie tematy są różne, może tak być), wówczas będziesz musiał otworzyć wszystkie pliki do edycji i poszukać tagu w każdym z nich. Aby wyszukać, możesz użyć skrótu klawiaturowego „Ctrl+F”.

Gdy już znajdziesz niezbędne tagi, możesz umieścić pierwszą część kodu bezpośrednio przed znacznikiem zamykającym, aby przypadkowo nie dotknąć kodów innych skryptów.

Druga część kodu jest umieszczona w miejscu, w którym chcesz zobaczyć przyciski mediów społecznościowych wybrane dla witryny. Jeśli kod składa się tylko z jednej części, wystarczy wykonać tylko tę operację.

Najczęściej przyciski dodawane są przed artykułem lub na jego końcu. Łatwiejsza jest oczywiście druga opcja. Rozważymy to.

Musisz znaleźć miejsce, w którym kończy się artykuł (główna część tekstowa strony). W tym celu należy edytować plik „Single Entry” (single.php).

Teraz musisz znaleźć operatora odpowiedzialnego za wyświetlenie głównej treści artykułu. W moim przypadku jest to „treść”, zaraz po niej umieszczany jest kod przycisku.

Podobnie możesz umieścić kod na początku artykułu, wystarczy znaleźć miejsce pomiędzy tytułem a tekstem artykułu.

Cześć przyjaciele! Dzisiejszy artykuł będzie bardzo obszerny, ale jednocześnie niezwykle przydatny. Dlaczego zdecydowałem się napisać ten artykuł? Faktem jest, że ciągle jestem pytany, jak zdobyć więcej fanów w tej czy innej sieci społecznościowej? Dlaczego ludzie nie śledzą mojej strony na Facebooku? Dlaczego nikt nie śledzi firmy na Twitterze?

Prawie każda firma ma dziś stronę internetową, a nawet bloga. czy masz stronę internetową? Mam nadzieję! Jeśli jeszcze nie, to musisz pilnie o tym pomyśleć! Cóż, jasne jest, że blogerzy i freelancerzy (konsultanci i freelancerzy) na pewno mają swój własny adres w Internecie - stronę internetową. Przyjaciele, problem polega na tym, że niewiele witryn jest naprawdę zoptymalizowanych pod kątem sieci społecznościowych. Mogą wyprodukować wiele bardzo przydatnych i ciekawa treść ale nikt ich nie widzi i nie słyszy. SMO (optymalizacja mediów społecznościowych) – słyszałeś to określenie? Więc nikt nie jest zaangażowany w tę właśnie CMO (optymalizację strony internetowej pod kątem sieci społecznościowych). Ale na próżno! Istnieje wielka ilość znane ekspertom metody tworzenia, jak mówią, ruchu na stronie internetowej. Proste manipulacje + obecność pomysłów i kreatywności mogą znacząco pomóc w promocji Twojej firmy. Gwarantuję Ci to!

Poniżej opowiem Ci, jak zainstalować oficjalne przyciski i widżety społecznościowe na swojej stronie internetowej. Będą to tylko oficjalne przyciski i widżety - bez usług i wtyczek!

Sieci społecznościowe bardzo się starały i stworzyły ogromną liczbę różne przyciski i widżety. O wielu nawet nikt nie słyszał, chociaż istnieją Darmowy dostęp dla wszystkich. Tutaj rozważymy tylko najbardziej potrzebne i skuteczne z nich, które pomogą Ci zwiększyć liczbę fanów, a także sprawią, że dystrybucja artykułów i innych treści będzie prosta i łatwa dla osób odwiedzających Twoje zasoby.

Jeśli chcesz zainstalować te same przyciski, co na mojej stronie, napisz więcej szczegółów na ten temat.

Wybierz społecznościowe sieć, której przyciski chcesz zainstalować:

Rodzaje przyciski społecznościowe

Zanim przejdziemy do instrukcji montażu przycisków, chcę zwrócić uwagę na fakt, że takowe istnieją różne rodzaje guziki:

Facebook, podobnie jak inne sieci społecznościowe. istnieją sieci duży wybór przyciski i widżety społecznościowe. Każdy z nich ma swoją funkcję i cel. W tej sekcji rozważymy tylko najczęściej używane i niezbędne z nich. Resztę możecie obejrzeć i przetestować na stronie deweloperów na Facebooku.

Notatka: Umówmy się od razu. W opisie każdej sekcji podam link do strony internetowej twórców danej sieci społecznościowej. sieci. Na takich stronach można znaleźć linki do wszystkich istniejących przycisków i widżetów. Dlatego natychmiast otwórz stronę programistów w osobna zakładka i przeczytaj dalej ten artykuł.

Strona programistów na Facebooku: https://developers.facebook.com/docs/plugins

"Przycisk Lubię to

Jak zainstalować?

Instalacja przycisku „Lubię to” jest bardzo prosta! Należy wejść na stronę deweloperów na Facebooku (zgodnie z ustaleniami link znajduje się na początku tej sekcji). Zanim zaczniesz tworzyć nowe przyciski i widżety, musisz utworzyć nową aplikację w menu Aplikacje. Trzeba to zrobić, bo bez tego Facebook nie pozwoli Ci na tworzenie przycisków!

Jeśli będziesz mieć problemy z utworzeniem aplikacji lub generowaniem skryptów, daj znać w komentarzach, a ja zrobię to jeszcze lepiej szczegółowe instrukcje do montażu przycisków.

Aby więc zainstalować przycisk „Lubię to”, na stronie programistów, w lewej kolumnie kliknij przycisk „Lubię to (sieć)”. Teraz musisz wybrać jedną z opcji oferowanych przez Facebooka, aby uzyskać dokładnie taki widget, jaki chcesz.

1) Adres URL do polubienia - wpisz link do strony, publikacji, strony docelowej, dla której tworzysz przycisk „Lubię to”. Może to być dowolny rodzaj treści, nawet obraz lub film. Najważniejsze jest to, że podasz link, który użytkownicy będą udostępniać.

2) Szerokość - Jeśli masz mało miejsca na przycisk, możesz określić szerokość widżetu w pikselach. Same przyciski są niewielkie, jednak jeśli wybierzemy standardowe przyciski, tekst zajmie całkiem sporo miejsca. O tym opowiem w następnym akapicie.

3) Układ – typ widgetu. Facebook oferuje 4 opcje do wyboru: standardową (jak na zdjęciu), z dużym licznikiem, z małym licznikiem i samymi przyciskami. Wszystko zależy od Twojego gustu, stylu strony, dostępnej przestrzeni na przyciski, a także chęci wyświetlania liczników (czyli tego, ile osób kliknęło w przycisk).

4) Typ akcji - rodzaj akcji, czyli jaki rodzaj przycisku chcesz ustawić: „Lubię to” lub „Poleć”. O różnicach pomiędzy tymi przyciskami – a widżetami na Facebooku w ogóle – pisałem szczegółowo w moim artykule.

5) Pokaż twarze znajomych - jeśli chcesz, aby przyciski wyświetlały odwiedzającemu Twoją witrynę awatary jego znajomych, którzy już kliknęli przycisk „Lubię to”, zaznacz to pole. Jeśli żaden z Twoich znajomych nie polubił strony, artykułu itp., to Facebook nie wyświetli zdjęcia, ale w tekście zaprosi użytkownika do polubienia go jako pierwszy. Jeśli miejsce na to pozwala, polecam włączyć tę opcję, gdyż twarze znajomych pozytywnie wpływają na odbiór treści przez czytelnika, zwiększając jego zaufanie i często namawiając go do kliknięcia w przycisk, przynajmniej w ramach solidarności.

Po wypełnieniu wszystkich pól kliknij przycisk Pobierz kod, aby wygenerować kod, który zainstalujesz na stronie. Pierwsza część skryptu jest instalowana w tagu strony, a druga część jest wstawiana w miejscu, w którym chcesz zainstalować przycisk.

Strona powinna otworzyć się w języku rosyjskim, ale jeśli z jakiegoś dziwnego powodu jest w języku angielskim, możesz zmienić język na samej górze strony.

Jak zainstalować?

Przycisk tweeta

Innym dobrze znanym przyciskiem Twittera jest przycisk „Tweetuj”, który umożliwia użytkownikom udostępnianie Twoich treści obserwującym na Twitterze.

Jak zainstalować?

Wszystkie przyciski Twittera są zainstalowane na stronie programistów wspomnianej powyżej. Proces dla wszystkich przycisków jest prawie identyczny - wybierz właściwy typ przyciski, uzupełnij parametry i skopiuj kod, który następnie wkleimy na stronę.

Przycisk hashtagu

To bardzo ciekawy przycisk, o którym jestem pewien, że prawie nikt nie wie. Osobiście nigdy nie widziałem, żeby ktoś używał go w RuNet. Jednak jest bardzo dobry do rozwiązywania pewnych problemów. Za pomocą takiego przycisku można np. promować dowolne wydarzenia, webinary, dyskusje na Twitterze pod określonym tagiem, kampanie marketingowe, konkursy. Cokolwiek! Jest duża przestrzeń za kreatywność!

Logiczne jest, jeśli przycisk „hasztag” jest zainstalowany na stronach powiązanych z tym hashtagiem. Na przykład napisałeś artykuł o nowym wydarzeniu, które organizujesz dla fanów na Twitterze. Aby wziąć udział w konkursie należy użyć określonego hashtaga. Używając takiego przycisku, ułatwisz komuś życie, ponieważ klikając na niego, otworzy on tweeta z z wybranym hashtagiem. Może po prostu dodać jakiś tekst i swobodnie wysłać tweeta. I czuje się dobrze, a ty będziesz mieć nowego członka. Czy to nie wspaniałe? Jednym słowem trzeba dokuć żelazo nie odchodząc od kasy, czyli dopóki czytelnik jest pod wpływem tego, co przeczytał. Dwie minuty później będzie rozproszony i może całkowicie zapomnieć, co właśnie przeczytał.

Choć moja wyobraźnia szaleje, podzielę się z Wami jeszcze jednym pomysłem. Załóżmy, że organizujesz wydarzenie (online lub offline). Aby go wypromować, tworzysz osobny artykuł lub stronę poświęconą temu tematowi. Tam w tekście wstawiasz przycisk „Hashtag”, a obok niego osobny widget, który będzie wyświetlał w czasie rzeczywistym wszystkie tweety używające tego hashtaga. Przeglądając dyskusję innych użytkowników, być może Twój niezbyt aktywny czytelnik będzie gotowy wziąć w niej udział. Celem jest przyciągnięcie uwagi czytelnika do tego, co się dzieje, wciągnięcie go w dyskusję i oczywiście zatrzymanie go na stronie.

Jak zainstalować?

Przycisk „Hashtag” instaluje się z tej samej strony, o której pisałem powyżej.

Przycisk Wspomnij

Na koniec opowiem Wam o jeszcze jednym dobrym przycisku, z którego niestety nikt nie korzysta. Ale na próżno! To, można powiedzieć, zwykły tweet wysłany z wyprzedzeniem określony profil. Myślę, że przycisk jest mało używany, ponieważ wiele osób nie wie, jak i gdzie go zainstalować. Podam kilka przykładów, które przychodzą mi na myśl. Jeśli wiesz, że Twoje grupy docelowej jest na Twitterze i aktywnie korzysta z tej sieci społecznościowej. sieci, dlaczego nie zachęcisz ludzi do wysyłania tweetów bezpośrednio z witryny? Może to być tweet do autora artykułu, tweet ze strony „O nas” lub „Kontakty”, tweet bezpośrednio do wsparcia Twittera itp. Czy zdajesz sobie sprawę, ile okazji tracisz, aby urozmaicić swoje Konto Twitter?

Jeśli ktoś odwiedził Twoją witrynę, oznacza to, że jest już Tobą zainteresowany, więc musisz go teraz zmotywować do działania. Za chwilę może być za późno! Niestety, nadeszły czasy, że bardzo szybko zapominamy o zrobieniu czegoś, co minutę przenosząc uwagę z jednej rzeczy na drugą. Im młodsi są Twoi odbiorcy, tym zjawisko to jest wyraźniejsze, więc nie zapominaj o istnieniu tego przycisku i staraj się go używać tam, gdzie to konieczne.

Jak zainstalować?

Instalujemy przycisk wszystko z tej samej strony. Jeśli przeczytałeś instrukcje dotyczące poprzednich przycisków, wszystkie parametry przycisku „Wzmianka” na Twitterze powinny być dla Ciebie jasne.

Zobacz poniżej, jak działa ten przycisk. Nie zapomnij napisać mi na Twitterze, co myślisz o tym artykule :) Chcę wiedzieć, co myślą moi czytelnicy, dlatego bardzo chciałbym usłyszeć od Ciebie.

Przykład przycisku „Wspomnij”.

Widżety na Twitterze

Opracowaliśmy przyciski Twittera. Teraz chciałbym krótko opowiedzieć o oficjalnych widżetach, które posiada Twitter. Można z tego uzyskać skrypty dla wszystkich widżetów połączyć.

Widżety są następujących typów:

• Regularny widget z najnowszymi tweetami;
• Widżet wyszukiwania wyświetlający wyniki wyszukiwania według dany klucz w czasie rzeczywistym. Tego typu widget jest bardzo wygodny do wyszukiwania np. po hashtagu Twojej marki. Zobacz przykład jego użycia w sekcji Przycisk „Hashtag” dla Twittera;
• Widget Ulubione – pokazuje tweety, które dodałeś do ulubionych. Tego typu widget można wykorzystać np. do pokazania pozytywnych opinii o firmie. Dlaczego nie?
• Widżet Kolekcje — kolekcje znajdują się gdzieś pomiędzy ulubionymi a listami. Możesz ręcznie wybrać, które tweety trafią do kolekcji. Pamiętaj, że każda kolekcja ma swój własny link i opis. Ta funkcja jest bardzo rzadko używana na Twitterze, chociaż jest bardzo interesująca.
• Widżet Listy wyświetla utworzone przez Ciebie listy profili. Tutaj również możesz wykazać się kreatywnością i zrobić coś ciekawego i pożytecznego dla czytelnika, co jednocześnie przyniesie ci korzyści. Co powiesz na listę partnerów, konta firmowe (jeśli jest ich wielu), portfolio kont na Twitterze, którymi zarządzasz (dla agencji i freelancerów) lub np. listę członków, którzy są w Twoim klubie? Ponownie, zakres kreatywności nie jest tutaj ograniczony.

Przykład zwykłego widgetu Twittera

W kontakcie z

Sieć społecznościowa VKontakte, podobnie jak inne, ma całą masę różnych przycisków i widżetów. Pełną ich listę można zobaczyć na stronie deweloperów: https://vk.com/dev/sites

Ponownie przejdę tylko przez te najważniejsze, w przeciwnym razie ten artykuł nie będzie artykułem, ale całą książkę... Myślę, że widżety VK będą znacznie łatwiejsze do zrozumienia, ponieważ strona internetowa i cała niezbędna dokumentacja są dostępne w języku rosyjskim.

Przycisk Lubię to

Jak zainstalować?

Najpierw musisz przejść do strony widżetów. Link do listy widżetów podałem na samym początku sekcji VKontakte.

Jak zainstalować?

Aby wstawić widżet „Społeczność” do witryny, musisz najpierw wprowadzić link do swojej strony lub grupy na VKontakte. Następnie wybierasz, czy chcesz, aby widżet wyświetlał twarze członków zespołu, czy fanów strony, oraz ostatnie wiadomości ze strony lub potrzebujesz prostej wtyczki z przyciskiem „Lubię to”. Ponieważ widżet VK jest bardzo podobny do Facebooka, zalecenia dotyczące rodzaju wtyczki pozostają takie same. Nie będę się powtarzał, jeśli jesteś zainteresowany, zajrzyj do sekcji wtyczek Facebooka.

Dalej znajdują się parametry związane z rozmiarem wtyczki i jej wyglądem. Wszystko zależy od palety kolorów Twojej witryny i dostępnego miejsca na wtyczkę. W zasadzie możesz wybrać dowolny kolor, ale nadal zaleca się zachowanie oryginału paleta kolorów, ponieważ takie kolory są bardziej znane użytkownikom i nie przerażają ich. No i w końcu dotarliśmy do ostatniego punktu - wstawiamy kod na stronę. Jak już pamiętasz, pierwsza część kodu trafia do tagu strony, a druga część do miejsca, w którym będzie zlokalizowana wtyczka.

Ostatnio stworzyłem stronę bloga „O SMM” na Vkontakte. Dlatego jeśli chcesz otrzymać Najnowsze aktualizacje w tym społeczeństwie sieci, dołącz do nas!

Przykład wtyczki „Społeczność” na VKontakte

Widget „Zapisz się do autora”.

Podobnie jak wtyczka Facebooka o podobnej nazwie, ten widget jest polecany każdemu, kto chce rozwijać swoje marka osobista. Jeśli jesteś np. autorem książek lub bloga, dziennikarzem, prawnikiem, pośrednikiem w obrocie nieruchomościami itp. to dlaczego nie zainstalujesz takiego przycisku na swojej stronie? Potencjalni kupującyłatwiej nawiązać kontakt prawdziwa osoba niż na przykład ze stroną lub grupą, za którą nie jest jasne, kto stoi. Tak jesteśmy stworzeni, człowiek jest istotą społeczną i kochamy kontakt osobisty dlatego taki widget przyda się każdemu profesjonaliście, bez względu na dziedzinę, w której pracujesz.

Jak zainstalować?

Instalacja nie może być łatwiejsza! Przejdź do strony widżetów na VK i wprowadź adres swojego profilu. Następnie wybierz przycisk, który chcesz zainstalować. Powtarzam jeszcze raz, że wskazane jest instalowanie tylko przycisków za pomocą skryptu (na przykład przycisku lub łatwy przycisk). Jeśli potrzebujesz tylko linku, lepiej zrobić to za pomocą kodu HTML, aby nie przeciążać witryny skryptami, bez których bardzo łatwo możesz się obejść. Efekt będzie taki sam, a strona będzie ładować się szybciej.

Inne widżety VKontakte

Chłopaki, powyżej wymieniłem najpopularniejsze i najskuteczniejsze widżety VK, ale lista nie ogranicza się do tego. VKontakte ma również całą masę różnych widżetów, które mogą być przydatne w tej czy innej sytuacji. Na przykład widget Ankieta, z którego prawie nikt nie korzysta. Jeśli utworzyłeś ankietę na swojej stronie VK, dlaczego nie wstawić jej do artykułu na ten temat? Czytelnicy Twojej witryny będą mogli głosować na swoją opcję bezpośrednio na Twojej stronie, a informacja na ten temat trafi również do VK. Nieźle, prawda?

Dostępny jest także ciekawy widżet Rekomendacje, który wyświetla najciekawsze artykuły na Twoim blogu lub stronie internetowej. Stopień zainteresowania konkretną treścią określa liczba kliknięć w przycisk „Lubię to”. Jednym słowem, VKontakte automatycznie policzy, ilu użytkowników kliknęło przyciski „Lubię to” i zbierze wszystkie najciekawsze artykuły w tym bloku. Jeśli Twoja grupa docelowa jest szeroko reprezentowana w mediach społecznościowych. sieci VKontakte, warto wypróbować i zainstalować te dwa widżety: „Lubię” i „Rekomendacje”. Jestem pewien, że wyniki nie pozwolą Ci czekać!

LinkedIn

Porozmawiajmy teraz o LinkedIn. Popularność tej sieci staje się tutaj coraz większa, więc niewiele osób nadal rozumie, w jaki sposób można ją wykorzystać do osiągnięcia celów pozytywne rezultaty. W Ameryce, skąd pochodzi ta sieć, niewielu jest profesjonalistów czy firm, które nie posiadają własnego profilu na LinkedIn. Tam będą na ciebie patrzeć z ukosa, jeśli nie jesteś przynajmniej zarejestrowany w mediach społecznościowych. sieci. W Europie korzystanie z mediów społecznościowych sieci różnią się znacznie w zależności od kraju. Na przykład Wielka Brytania i Szwecja są liderami we włączaniu LinkedIn do strategia marketingowa firmy. Nie tylko zachęcają pracowników do posiadania profili online, ale także zatrudniają ludzi za pośrednictwem LinkedIn, reklamują firmy i produkty, szukają... potencjalni klienci i partnerzy itp.

Ale nie o tym dzisiaj mówimy. Porozmawiamy o wtyczki społecznościowe, które opracował dla nas LinkedIn oraz gdzie i jak z nich korzystać. Nie spiesz się, aby powiedzieć, że ta sieć nie jest dla Ciebie interesująca! A jeśli zajmujesz się doradztwem, b2b, to po prostu musisz przeczytać ten dział.

Tak więc LinkedIn, podobnie jak wszystkie sieci społecznościowe. sieci, istnieją osobna strona, gdzie możesz zobaczyć wszystkie istniejące przyciski i wtyczki: https://developer.linkedin.com/plugins

Strona deweloperów niestety istnieje tylko w języku angielskim, dlatego postaram się możliwie szczegółowo wyjaśnić instalację każdej wtyczki i przycisku.

Jak zainstalować?

Jak zainstalować?

Przycisk „Subskrybuj” jest instalowany z tej samej strony programistów, do której link podałem na początku sekcji. W lewej kolumnie kliknij „Śledź firmę”, a LinkedIn wyświetli Ci tę informację wymagana sekcja. Na początek wybierz jaki rodzaj przycisku chcesz zainstalować: z licznikiem pionowym, poziomym, a może najzwyklejszym i kliknij Pobierz. Następnie musisz wpisać nazwę firmy, dla której instalujesz przycisk. W odpowiedniej kolumnie zacznij wpisywać imię i nazwisko, litera po literze, a powinno pojawić się na liście. Czasami ładowanie listy zajmuje dużo czasu, więc nie spiesz się. Imię i nazwisko musi być zapisane dokładnie tak, jak jest zapisane na stronie firmowej. Następnie wybierz język przycisku - rosyjski, rodzaj przycisku i kliknij przycisk „Pobierz kod”. Teraz wystarczy wkleić kod Właściwe miejsce na stronie i wszystko gotowe! Nawiasem mówiąc, w języku rosyjskim przycisk będzie nosił nazwę „Track”, co mi się nie podoba. Osobiście pozostawiłbym wersję angielską. Na szczęście każdy już wie, co oznacza słowo „śledzić” :)

Nie założyłem jeszcze strony firmowej na LinkedIn, więc prawdziwy przykład Jeszcze nie. Jeśli w przyszłości zrobię stronę, na pewno wstawię ją do artykułu jako przykład.

Przycisk „Profil osobisty”.

To kolejna dobra, ale znowu mało używana wtyczka. Ten przycisk wyświetla zdjęcie profil osobisty, opublikuj i pokaż znajomym użytkownika, który widzi tę wtyczkę. Oczywiście, żeby LinkedIn mógł się pokazać kontakty zawodowe czytelnik Twojej witryny, on - czytelnik - musi być zalogowany (że tak powiem) na LinkedIn. Krótko mówiąc, aby wtyczka mogła w pełni działać, użytkownik musi być zalogowany na LinkedIn.

Dla kogo ta wtyczka może być przydatna? Myślę, że dla osób pracujących w sektorze b2b będzie to najbardziej przydatne. Choć możesz z niego skorzystać w dowolnym miejscu: na stronie o autorach serwisu, na stronie o pracownikach firmy, na stronach o Twoich klientach i partnerach (oczywiście za ich zgodą) - możliwości jest wiele. Najważniejsze jest to, że takie przyciski profilowe organicznie pasują do Twojej witryny i strategii firmy. Jeśli Twoi pracownicy mają półkompletne profile, logują się na LinkedIn raz w roku i mają 10 połączeń, to nie ma sensu eksponować takich profili. Jeśli wręcz przeciwnie, Twoja firma aktywnie promuje się w mediach społecznościowych. sieci, to taka wtyczka może przynieść Ci wiele korzyści.

Przycisk +1

Jak zainstalować?

Jak zainstalować?

Wszystkie przyciski i widżety Pinteresta instaluje się za pomocą linku podanego powyżej. Aby zainstalować przycisk „Przypnij”, należy wybrać odpowiedni przycisk w lewej kolumnie.

Przyciski Pinteresta są nieco bardziej skomplikowane w konfiguracji, ponieważ mają wiele różnych opcji, ale nadal można je skonfigurować samodzielnie.

1) Już w pierwszej linii „Typ przycisku” możesz wybrać rodzaj przycisku, który chcesz zainstalować na stronie: dany obrazek, dowolny obrazek ze strony lub przycisk Przypnij, który pojawi się na obrazach strony/artykułu .

2) Druga linia to „Wygląd”, czyli rodzaj przycisku. Tutaj Pinterest oferuje wiele opcji do wyboru: duże lub małe; prostokątny lub okrągły; czerwony, szary lub biały; tekst w języku angielskim lub japońskim.

3) Trzecia linia to licznik. Tutaj możesz ustawić blat na górze, z boku lub całkowicie go usunąć.

W zależności od wybranego typu przycisku, jego opcje ulegną zmianie.

• Przycisk „Jeden obraz” oznacza, że ​​chcesz ustawić konkretny obraz, który czytnik witryny będzie mógł przypiąć do konkretnego linku. Oznacza to, że czytelnik nie będzie miał wyboru, nawet jeśli na Twojej stronie znajdują się inne obrazy. Jeśli zdecydujesz się ustawić obrazek dla przycisku, to taki przycisk musi być zainstalowany osobno na każdej stronie, gdyż wymaga podania linku do strony/artykułu. W pierwszej kolumnie należy wstawić link do strony, którą użytkownicy będą udostępniać, czyli link, który będą przypinać. Następnie podaj link do obrazu. Nawiasem mówiąc, może to być dowolne źródło, nawet spoza Twojej witryny. W ostatniej kolumnie możesz określić tekst obrazu, który udostępni użytkownik. Może to być na przykład tytuł strony lub tytuł artykułu. Przed wysłaniem Pinu użytkownik może opcjonalnie zastąpić Twój tekst własnym.
• Przycisk „Dowolny obraz” Lub dowolny obraz. Ten przycisk jest bardzo prosty i nie wymaga żadnego dodatkowe parametry. Wystarczy wybrać rozmiar i rodzaj przycisku, a także zdecydować, czy potrzebujesz licznika, czy nie.
• Przycisk „Najedź obrazem”, czyli przycisk, który pojawi się na samym obrazie po najechaniu na niego kursorem myszy. Możesz wypróbować, jak to działa, na przykładowym obrazie na Pintereście.

Teraz kilka słów o kodzie, który należy zainstalować na stronie. Pinterest, podobnie jak inne sieci społecznościowe. sieć, ma dwa kody: pierwszą część umieszcza się w tagu, a drugą część w miejscu zainstalowania samego przycisku. Jeśli na tej samej stronie znajduje się wiele przycisków Pinteresta, pierwszy kod wystarczy ustawić tylko raz.

Przykładowy fragment kodu instalowany tylko raz w tagu strony: .

Przycisk Subskrybuj

Pinterest, podobnie jak Google+, nie rozróżnia konta osobiste i konta firmowe, dzięki czemu przycisk „Subskrybuj” dla obu jest utworzony w jednym miejscu. Instalacja tego przycisku jest tak prosta, jak obieranie gruszek. Wystarczy, że wpiszesz link do swojego profilu i nazwiesz przycisk.

Jak pisałem powyżej, nie mogę wstawić przycisków Pinteresta ze względu na konflikt skryptów, więc jeśli chcesz się ze mną zaprzyjaźnić na Pintereście, po prostu kliknij ten link.

Bonus: hiperłącza

Poniżej podam przykłady ręcznego tworzenia takich linków. Możesz także wypróbować specjalny generator linków - Share Link Generator. Na tej stronie możesz tworzyć linki do Facebooka, Twittera, Google+, Pinteresta i LinkedIn. Zrozumienie witryny będzie łatwe, więc nie będę wyjaśniał, co i jak. Jednak spójrz na moje wskazówki, ponieważ generator linków tego nie zapewnia pełny link Dla formacie HTML+ kod pokazujący, jak otworzyć link w nowym oknie. Wszystko to plus przykłady linków do mediów społecznościowych. Sieć Vkontakte znajdziesz w tej sekcji.

tekst hiperłącza

Tutaj fraza „Kto chce kupić oprogramowanie z 8% rabatem na promocję?” napisany przez samego użytkownika, a poniżej pokazano, jak link do strony wygląda w sieci społecznościowej. Niezbyt piękne, prawda?

wtedy link w sieci społecznościowej będzie wyglądał następująco:

Tutaj „Dziś są urodziny allsoft.ru - 8 lat :)” to tekst napisany przez użytkownika, reszta to informacje z metatagów. Więcej informacji na temat tych metatagów można znaleźć na stronie Strona na Facebooku Developers.facebook.com/docs/share inne sieci społecznościowe również rozumieją je całkiem dobrze.

Jak ogólnie działa ten mechanizm:
1. Po kliknięciu przycisku przez użytkownika widget przesyła link do strony do serwera portalu społecznościowego.
2. Serwer społecznościowy Sieć sama uzyskuje dostęp do tego linku i odczytuje informacje o stronie - tytuł, opis, zdjęcie.
3. Serwer społecznościowy sieć buforuje informacje o stronach na swojej stronie i wyświetla je na stronach sieci społecznościowych

Jak wysłać różne opisy dla jednej strony.
Na przykład podczas tworzenia strony promocyjnej na allsoft.ru z testem komiksowym konieczne było wysyłanie różnych opisów do sieci społecznościowych dla różnej liczby punktów zdobytych przez użytkownika w teście. Ponieważ opis strony jest odbierany przez sieć społecznościową po kliknięciu linku, a następnie za różne opisy Potrzebujesz różnych linków. Dodatkowo Twitter dopuszcza tylko 140 znaków, dlatego potrzebuje osobnego, krótszego opisu.

Nowy Ya.share(( element: "ya_share_normal", elementStyle: ( "type": "none", "quickServices": ["facebook", "twitter", "odnoklassniki", "vkontakte", "moimir"] ), link: „http://allsoft.ru/promo/allsoft8let/?share=normal”, serviceSpecific: ( twitter: ( tytuł: „Wynik testu: Smok jest prawie twoją mocną stroną! Nie możesz jeszcze uczyć smokologii, ale na dobrej drodze!” ) ) ));
1. Tutaj ya_share_normal to identyfikator elementu na stronie (), w którym pojawi się blok z przyciskami społecznościowymi, link jest linkiem, dodatkowo w serviceSpecific dla Twittera podajemy tytuł, który różni się od tego, co jest w og: metatag tytułu.

Zatem dla zadania „3 różne wyniki testu plus wspólny link do strony poza testem” będziemy mieli 4 tagi:

i 4 bloki kodu JavaScript jak powyżej.

Jak zmienić tytuł i opis zapisany w pamięci podręcznej sieci społecznościowej.
1. W przypadku Facebooka jest ich najwięcej Najlepszym sposobem: przejdź do ich debugera

Jeśli boisz się, że jesteś obserwowany w Internecie, wyłącz komputer.

Każdy webmaster prędzej czy później myśli o zainstalowaniu przycisków społecznościowych na swojej stronie internetowej. W końcu teraz niektórzy ludzie nie wyobrażają sobie życia bez sieci społecznościowych, po co pozbawiać ich możliwości udostępniania Twoich artykułów? Jednak z biegiem czasu wiele serwisów społecznościowych traci rozum i robi ze swoimi kodami, co chce, wpychając wszystko, co nie jest potrzebne. Właśnie dla tego paranoicznego pomysłu w tym artykule znajdziesz kody najbardziej czyste przyciski udostępnianie sieci społecznościowych dla Twojej witryny.

Nie jest tajemnicą, że prawie wszystkie serwisy społecznościowe wyciekają informacje o użytkownikach tam, gdzie jest to potrzebne. O mój Boże! Nie może być! Właśnie się o tym dowiedziałem! - Gratulacje! Muszą cię jakoś wykorzystać do swojej pracy i wysiłków. Oni zrobili dobre usługi, z dużą funkcjonalnością, wygodą i „jakością”. Wszystko, co musisz zrobić, to wybrać to, czego potrzebujesz i umieścić kod tam, gdzie go potrzebujesz. To wszystko. A jaka jest dla nich korzyść z wykonywania takich manewrów w Internecie za darmo? Prawidłowy. NIE. Dlatego od czasu do czasu każde takie biuro zostaje wciągnięte w zrzucanie danych do jakiegoś DMP.

Nie będę opisywał każdej z tych usług, wszystkie je mają dobra funkcjonalność, Niektóre unikalne chipsy, ale nie mam ochoty przedstawiać ich osobno. Poniżej przygotowałem krótką listę.

Lista najbardziej popularne usługi przyciski społecznościowe witryny

• share.pluso.ru
• uptolike.ru
• tech.yandex.ru/share
• share42.com
• sharethis.com
• pip.qip.ru
• www.addtoany.com
• www.po.st
• www.addthis.com
• sharebuttons.com

Jeśli nie masz wystarczająco dużo czasu lub jesteś zbyt leniwy, aby wykonać więcej niż kilka ruchów dłoni i paliczków palców, możesz bezpiecznie skorzystać z tych usług. Są świetne zarówno dla stron internetowych, jak i odwiedzających. Ale nikt nie gwarantuje 100% bezpieczeństwa danych użytkownika, 100% działania ich DNS i ładowania twoich witryn. Te. Jeśli wystąpi awaria serwerów przycisków społecznościowych, Twoje witryny będą ładować się wolniej niż zwykle. Tak, zdarza się to rzadko, ale jednak się zdarza. Oczywiście, że możesz umieścić ładowanie asynchroniczne te skrypty optymalizują ich pracę, ale to już więcej niż kilka ruchów, o których pisałem dla leniwych.

Oczywiście w Internecie istnieją kody mediów społecznościowych, które są umieszczane w Twojej witrynie i nigdzie nie powodują wycieku informacji, ale wiele z nich zawiera zewnętrzne linki do tych samych sieci społecznościowych. Webmasterom się to nie podoba Linki zewnętrzne i dlatego zebrałem dla najbardziej paranoicznych webmasterów gotowe kody w oparciu o skrypt goodshare.ru, za co im dziękujemy.

Przykład instalacji tego kodu nie jest dla tych, którzy nie znają podstaw HTML lub CSS, ale jeśli masz ręce i trochę czasu, odniesiesz sukces, jeśli będziesz ściśle przestrzegać instrukcji. I tak poszliśmy:

Wyglądają tak:

Zgodnie ze standardem skonfigurowanych jest sześć sieci społecznościowych: Facebook, VKontakte, Odnoklassniki, Moi Mir, Google Plus,Świergot. W ustawieniach skryptu jest ich ponad 30, ale w razie potrzeby wszystko to można zainstalować osobno. Zalety tych przycisków podane przez autorów, z którymi całkowicie się zgadzam:

Świetny wyświetlacz na każdym urządzeniu (tak, dostosowują się do dowolnego rozmiaru ekranu)

Czysty kod - szybka i bezpieczna strona (ładowany jest tylko skrypt, CSS i czcionka, które znajdują się tylko na Twoim serwerze)

Wszystkie technologie komunikatorów mobilnych w jednym skrypcie (wszystkie rodzaje telegramów)

Przyjazny dla SEO – bez linków

Nie zawiera zdjęć

Co robi sam skrypt i dlaczego był on ogólnie potrzebny? Skrypt tych przycisków zawiera wszystkie interfejsy API ze wszystkich portale społecznościowe, a skrypt czyni dowolne miejsce w serwisie aktywnym blokiem udostępniania.

Możesz na przykład umieścić go na pustych blokach DIV, Span, obrazach lub pustych linkach i prawie każdy element witryny można zamienić w te przyciski. W moim przykładzie użyłem skryptu dla pustych elementów Div.

Jeśli chodzi o zdjęcia: nie ma ich tutaj. Ikony, które widzisz, pochodzą z czcionki, są tylko symbolem i niczym więcej.

Archiwum przycisków możesz pobrać pod adresem .

Instalacja tych przycisków jest bardzo łatwa. W archiwum znajdują się tylko cztery pliki: Font, CSS, JS i TXT.

1). Musisz przesłać czcionkę do dowolnego folderu na swoim serwerze; możesz umieścić ją w tym samym miejscu, co Twój JS lub CSS.

2). Następnie prześlij plik JS na swój serwer i wyświetl go w swojej witrynie, używając kodu w dowolnym miejscu, ale polecam na samym dole strony:

Skrypt ten składa się z dwóch części, pierwsza to Jquery, druga to sam kod przycisku. Jeśli masz już włączoną obsługę Jquery na swojej stronie, możesz usunąć pierwszą część kodu i w ten sposób zmniejszyć rozmiar pliku.

WAŻNE: (dla tych, którzy usunęli część Kod Jquery'ego) skrypt przycisku powinien zostać załadowany po skrypcie Jquery.

3). Po zainstalowaniu JS i czcionki powinieneś dodać CSS do swojej witryny. Po prostu skopiuj całą zawartość pliku soc.css do jednej z wtyczek CSS na stronie.

WAŻNE: W linii 82 pliku soc.css zmień adres URL na lokalizację czcionki!

4). Po tym wszystkim skopiuj kod HTML z pliku HTML.TXT na swoją witrynę, na której chcesz zobaczyć te wspaniałe przyciski.

Struktura skryptu umożliwia instalację liczników udostępniania w sieciach społecznościowych, ale więcej szczegółów można przeczytać w ich dokumentacji na stronie.

A działanie skryptu możecie sprawdzić tuż pod tymi linijkami, bo to on jest zainstalowany na moim blogu.

Dziękuję za uwagę, jeśli masz pytania dotyczące montażu, napisz komentarz.

Byłem z tobą, leniwy Staurusie.