Kod HTML dla grupowych przycisków społecznościowych. Udostępnij ustawienia, wybierając styl przycisków dla sieci 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 wadyNależ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
Rozważmy najbardziej popularne usługi, które można wykorzystać do dodania przycisków mediów społecznościowych 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. :)
Prawdopodobnie nie ma już w Internecie witryn, które nie zawierają przyciski wysyłania materiały na portalach społecznościowych. Te ostatnie od dawna i mocno zajmują miejsce w naszym życiu. Komunikujemy się tam, poznajemy, promujemy biznes, czytamy wiadomości i tak dalej. Pełny zakres. Nic dziwnego, że webmasterzy starają się wszelkimi możliwymi sposobami zwiększać obecność swoich witryn w sieciach społecznościowych. dostępne metody. W końcu istnieje mnóstwo potencjalnego ruchu, którego absolutnie każdy potrzebuje. Przepływ odwiedzających oznacza pieniądze, reputację i rozwój. Wszystko jest zbudowane wokół niego. Smaczny kąsek.
Przyciski społecznościowe są potrzebne, to oczywiste. Pytanie jest inne – które wybrać? Przetestowaliśmy to dla Ciebie TOP 5 różne usługi aby dodać kod przycisku do stron internetowych. Celem jest wskazanie optymalnego i szczegółowe pokazanie go. Zacznijmy od fazy kwalifikacyjnej.
Wybór najlepsza obsługa przyciski społecznościoweWybór kandydatów do porównania okazał się banalny – wzięliśmy najpopularniejsze usługi o którym słyszała każda osoba choć trochę obeznana z tematyką tworzenia stron internetowych. Nie rzadkie, które zyskują popularność, tylko doświadczeni staruszkowie.
Skład certyfikowanego zespołu przedstawia się następująco:
W wyniku testów wybranych usług społecznych - liderem był uSocial. Teraz chcesz otrzymać uzasadnienie naszego wyboru. Oczywiście nie pozostaniemy bezpodstawni.
Funkcje przycisków uSocialDajmy kilka faktów, który przekonał nas, że decyzja była słuszna.
Krok 2 Tworzymy zestaw przycisków społecznościowych. Może wybrać wystawiany usługi sieci społecznościowych, kształt i styl przycisków.
Tutaj możesz aktywować przycisk „W górę”, włączyć wsparcie urządzenia mobilne, połącz usługi Viber, WhatsApp, Telegram, SMS.
Po zainstalowaniu paska społecznościowego z konta osobistego uSocial możesz przeglądać statystyki polubień i repostów na wybrany okres, zarówno dla wszystkich sieci społecznościowych jednocześnie, jak i dla wybranych. Dane są wyświetlane w formie przejrzystych wykresów lub wykresów.
Jeśli metatagi społecznościowe zostaną poprawnie wypełnione, posty będą poprawnie odbierane służby socjalne, ponieważ wskazują rodzaj materiału, odpowiedni tytuł, link do żądany obraz. Wszystko to zwiększa efektywność repostowania: Twój materiał zostanie poprawnie zaindeksowany przez serwisy społecznościowe.
Przykłady kod mikroznaczników dla popularnych sieci społecznościowych (kod należy wpisać przed tagiem):
1. Facebook I W kontakcie z użyj protokołu Open Graph:
3. Za Świergot kod wygląda następująco:
4. Za Google+ Więc:
- link do profilu autora w Google+
- Nazwa witryny
- fragment tekstu (do 40 znaków)
- opis witryny
- ścieżka do pliku obrazu
Narzędzia do pracy z mikroznacznikami.
Zauważyłem znaczenie SMO (Social Media Optimization) w promocji stron internetowych. Porozmawiajmy teraz bezpośrednio o tym, jak przeprowadzić optymalizację społecznościową na swojej stronie, a raczej, jak dodać przyciski społecznościowe popularne sieci do strony internetowej.
Najpierw pokażę Ci jak to faktycznie powinno wyglądać na stronie. Na wielu blogach i portalach informacyjnych u dołu każdego artykułu można zobaczyć coś takiego:
To przyciski społecznościowe, dzięki którym osiąga się SMO, a potem aktywność społeczna. Ten artykuł poświęcony jest pytaniu, skąd wziąć kod dla tych sieci społecznościowych. przycisków i jak poprawnie je zainstalować na swojej stronie internetowej. Rozważmy najpierw instalację Google+.
1. Dodaj do witryny Przycisk Google'a+
Zacznijmy od uzyskania kodu przycisku Facebook. Aby to zrobić, odwiedź tę stronę: https://developers.facebook.com/docs/plugins/like-button. Powinieneś zobaczyć następujący obrazek:
W prawym górnym rogu możesz zobaczyć, jak przycisk będzie wyglądał na Twojej stronie. Przyjrzyjmy się parametrom, które można ustawić:
1. Adres URL, który chcesz polubić
Jest to parametr opcjonalny. Jeśli pozostawisz to pole puste, każda strona będzie miała swój własny, indywidualny licznik. Jeśli wpiszesz tam konkretny adres URL, licznik będzie pojedynczy (lajki są sumowane ze wszystkich stron tej witryny).
2. Przycisk Wyślij
Dodaj lub usuń przycisk wysyłania wiadomości. Sugeruję usunięcie tego przycisku, ponieważ... Naszym celem jest po prostu umieszczenie przycisku „lubię to”, choć być może Ty masz zupełnie inne cele.
3. Styl układu
Styl wyświetlania przycisków. Osobiście najbardziej lubię standard.
4. Szerokość
Szerokość przycisku w pikselach. Zwykle ustawiam nie więcej niż 100 pikseli.
5. Czasownik do wyświetlenia
Co wyświetli się na przycisku: „Lubię” lub „Polecam”. Zwykle wybieram pierwszą opcję (domyślną), ponieważ jest jej więcej efektywny sposób zmotywować użytkownika do polubienia.
6. Schemat kolorów
Gama kolorów: do wyboru biały lub czarny.
7. Czcionka
Wystarczy ustawić czcionkę dla napisu „Lubię”.
Po skonfigurowaniu ustawień kliknij przycisk „pobierz kod” i umieść go na stronie. Wspólny kod przycisku dla Facebooka:
(funkcja(d, s, id) ( var js, fjs = d.getElementsByTagName(s); if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js. src = "//connect.facebook.net/ru_RU/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); )(dokument, "skrypt", "facebook-jssdk") ); 2.2. Lubię z VKontaktePrzyjrzyjmy się teraz, jak uzyskać kod przycisku „Lubię to” z VKontakte. Aby to zrobić, przejdź do Następna strona: https://vk.com/dev. Powinieneś zobaczyć następującą stronę:
Najpierw musisz dodać nową witrynę. W tym celu z menu rozwijanego „strona/aplikacja” należy wybrać opcję podłączenia nowej witryny:
Po dodaniu nowej witryny zapisz ją. Teraz wybierz żądaną witrynę z menu rozwijanego. Śledzony przez mały numer parametry: „opcja przycisku”, „wysokość”, „nazwa przycisku” - wszystko to można dostosować do własnych upodobań. Na koniec pojawi się kod przycisku:
VK.init ((apiId: 2872188, onlyWidgets: true )); VK.Widgets.Like („vk_like”, (typ: „przycisk”) ); 3. Dodaj przycisk tweet do witrynyPodobnie jak w poprzednich przypadkach, najpierw udaj się do lokalizacji, w której otrzymałeś i skonfigurowałeś przycisk.
Od autora: w którym żyjemy czas towarzyski. W dzisiejszych czasach interakcja z innymi ludźmi jest ważniejsza niż kiedykolwiek, jeśli chodzi o biznes online. Z tego powodu wiele osób zastanawia się, jak dodać przyciski społecznościowe do swojej witryny, aby poprawić sygnały społecznościowe. Jest to bardzo sprytne, więc zdecydowanie powinniśmy dowiedzieć się, jak to zrobić.
Czasami, kiedy czytam bardzo przydatny artykuł, chcę to jakoś zapisać. Nie, oczywiście istnieje wiele opcji, jak to zrobić. Na przykład zrób zrzut ekranu, skopiuj cały tekst do notatnika, pobierz do formularz PDF itp. Ale we wszystkich tych przypadkach właściciel witryny nie otrzymuje zbyt wielu korzyści, a to wszystko nie jest największe wygodne sposoby zapisywanie informacji.
Ogólnie rzecz biorąc, jeśli dzisiaj nie widzę przycisków społecznościowych pod artykułem, to tak co najmniej niespodzianki. Po pierwsze, jest to wygodne dla czytelników. Po drugie, przynosi to niewątpliwe korzyści webmasterowi, ponieważ jeśli jego materiały są interesujące, możesz za darmo uzyskać garść naturalnych sygnałów społecznościowych. Żadnego oszukiwania i innych głupich działań.
Opcje rozmieszczania w szablonachOgólnie rzecz biorąc, istnieją trzy główne opcje:
Poniżej artykułu. Najpopularniejsza i najbardziej oczywista opcja. Został zaprojektowany z myślą o tym, że dana osoba przeczytała lub przejrzała tekst w całości, coś mu się spodobało i zdecydowała się zachować to dla siebie.
Nad artykułem. Jest to znacznie mniej powszechne. Tutaj obliczenia dokonuje się na podstawie tytułu i pierwszych akapitów publikacji. Na przykład widziałem nagłówek „102 opcje przygotowania owsianki”. O, ciekawe, od razu kliknąłem i zapisałem to w mediach społecznościowych. sieci, aby później cieszyć się różnorodnością przy stole.
Strona ( układ pionowy+ utrwalenie). Również dość powszechna opcja. Nadaje się do miejsc, gdzie z boku jest miejsce na wąski blok. Zwykle w tym przypadku nie ma zbyt wielu sieci społecznościowych, od 3 do 10, aby dopasować je do wysokości ekranu.
Ostatnia opcja najbardziej idealny, jeśli potrzebujesz maksymalnych sygnałów społecznościowych. Ponieważ przyciski są zawsze widoczne i można je kliknąć w dowolnym momencie. Podoba mu się cokolwiek w tekście i klika. Ważne jednak, aby te przyciski w jakiś sposób pasowały do projektu i nie odwracały uwagi od treści.
Jak dodać przyciski społecznościowe do swojej witryny. sieci: opcja dla projektantów układuDla projektantów układu proponuję pierwszą opcję. To znaczy dla tych, którzy choć trochę rozumieją HTML i CSS i wiedzą, jak stylizować elementy. Bardzo często projekt przycisku musi być niepowtarzalny. Ale usługi stron trzecich Nie dają możliwości wykonania absolutnie dowolnego projektu, często sprawa ogranicza się jedynie do ustawienia tła i kilku drobnych parametrów.
Ale jest rozwiązanie! To przyciski od GoodShare. Po prostu wpisz go bezpośrednio w wyszukiwarce, a ich witryna prawdopodobnie Ci zwróci. Skrypt z Goodshare jest bardzo lekki i prosty, można go zainstalować kilkoma kliknięciami (można połączyć się z bardzo szybkiego CDN). Jeśli jesteś projektantem układu lub masz choć odrobinę wiedzy, nie będę Ci wyjaśniał, jak instalowane są skrypty, ponieważ wiesz o tym.
Wiele więcej ważna informacja– to jest bezpośrednie wyjście przycisków. W miejsce szablonu, w którym chcesz wyświetlić ikonę, np. VK, wstaw następujący kod:
< div class = "goodshare" data - type = "vk" > < span data - counter = "vk" > < / span > < / div > |
W tym przypadku licznik danych zakresu jest elementem opcjonalnym. Jest to licznik, który pokaże ilość kliknięć w ikonę. Aby to działało, musisz mieć włączone jQuery. W większości przypadków nie potrzebujesz licznika, więc nie potrzebujesz tego fragmentu kodu. Właściwie cała reszta kodu znajduje się w dokumentacji:
W ten sposób możesz stworzyć zestaw potrzebnych ikon. Nawiasem mówiąc, bez stylów nic nie zostanie wyświetlone. Przyciski od Goodshare będą musiały zostać zaprojektowane od podstaw, ale czy właśnie tego potrzebujesz jako projektant układu? Za pomocą przycisku możesz zastosować dowolne style, wstawić dowolny tekst i inne elementy do elementu div.
Swoją drogą, jak można stylizować te przyciski? Cóż, są 2 opcje. Możesz po prostu dodać do każdego z nich nową klasę stylu lub użyć selektorów atrybutów. Lubię to:
div(...)
div [typ danych = vk ] ( . . . ) |
Za pomocą tego selektora możesz określić styl przycisku udostępniania postu w sieci społecznościowej VKontakte.
Jak widać skrypt od goodshare daje doskonałe możliwości. Jest maksymalnie zoptymalizowany i pozwala na stworzenie dowolnego rodzaju socialu. guziki
inne metody
Lub dowolną odpowiednią wtyczkę dla twojego silnika. Jestem pewien, że takich rozszerzeń jest sporo. Po prostu wyszukaj wtyczki ze słowami takimi jak „społeczny” i „udostępnij”, a natychmiast otrzymasz coś takiego.
Nie będę szczegółowo wyjaśniał instalacji przycisków tymi metodami, ponieważ przebiega to według jednego scenariusza i wystarczy postępować zgodnie z instrukcjami usług.
Dzień dobry, drodzy czytelnicy bloga, dzisiaj chcę Wam opowiedzieć o przyciskach mediów społecznościowych na Waszej stronie. Przede wszystkim, porozmawiamy o społecznych przyciski udostępniania, czyli - - udostępniaj w mediach społecznościowych. sieci (które publikują posty na Twojej tablicy).
Nawigacja strony:
Usługa posiada szeroki zakres ustawień wyświetlania przycisków społecznościowych. sieci. Więcej na ich temat dowiesz się rozwijając poniższą zakładkę:
Zwiększać Pełny opis usługę share42
Jak już wspomniano, share42 to bezpłatna usługa, która nie publikuje swojego linku w pobliżu ikony społecznościowe. sieci społecznościowych i może generować linki do 43 sieci społecznościowych, a mianowicie do:
Usługa umożliwia ustawienie różne rozmiary dla społeczności przyciski, możesz określić:
Możesz także ustawić własne obrazy dla sieci społecznościowych, ustawić je w trybie monochromatycznym lub dopasować kolor do swojej witryny.
Kodowanie znaków dla mediów społecznościowych guziki
Możesz wybrać kodowanie swojej witryny z listy i określić je dla przycisków sieci społecznościowych. Dostępna opcja wybór:
- UTF-8
- Wygraj-1251
Przyciski mediów społecznościowych można wstawić na dowolną stronę internetową, niezależnie od CMS-a, jednak w przypadku WordPressa i Drupala usługa może wygenerować gotowy link, który można wstawić w dowolnym miejscu szablonu. Nie musisz pisać kodu, aby otrzymać link. bieżąca strona i jego tytuł wraz z opisem, share42 zrobi to za Ciebie.
Na przykład kod osadzania wygląda następująco: