Добавить на сайт кнопки социальных сетей на сайт: Как добавить социальные кнопки на сайт?

Содержание

Как добавить кнопки социальных сетей на сайт: 4 способа

От автора: приветствую вас. Сегодня социальные сети развились до такого уровня, что в них зарегистрировано в общей сложности более 3 млрд людей. Потенциально это очень мощная аудитория, поэтому сегодня я вам расскажу, как добавить кнопки социальных сетей на сайт.

Добавление на сайт на WordPress

Начну с того, что самым простым способом, если у вас WordPress, является просто установить какой-нибудь плагин для этого дела. Какой? Я, например, пользовался Juiz Social Post Sharer. А вообще, просто введите в поиске плагинов слово social и просмотрите, что там есть. Преимущество тут только в том, что вам, вероятно, не придется ничего настраивать.

Блок «Поделиться» от Яндекса

Яндекс тоже разработал страницу, на которой вы можете настроить и поставить себе кнопки. На этой страничке вы можете выбрать нужные сервисы (а их примерно 25). Справа вы можете выбрать внешний вид блока. Это могут быть счетчики, которые будут показывать, сколько раз на кнопки нажали пользователи. Это, в свою очередь, поможет вам отслеживать, полезен ли материал читателям.

Тут же вам будет показан код, который нужно скопировать и вставить в то место на сайте, где вы хотите их видеть. Значит, самое время определить это место! Чаще всего блок «Поделиться» ставят: В начале статьи; В конце статьи; Сбоку.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

Естественно, не нужно использовать все три варианта, лучше какой-то один. Хотя я видел сайты, где блок был и в начале, и в конце страницы.

Теперь вам нужно найти файл с кодом, который выводит статьи. В wordpress, например, он обычно называется single.php или подобным образом. Итак, если вам нужно поставить блок с кнопочками после статьи, ищем строчку the_content. Именно за ней можно вставить код. Вам очень поможет, если разработчик вашего шаблона делал комментарии в коде.

Редактировать файлы сайты можно некоторыми способами. Например, сделать это напрямую через админку движка (внешний вид — редактор). В этом случае код не подсвечивается, поэтому ориентировать в нем не так удобно. Другой способ – через ftp. Подключитесь к сайту с помощью ftp-клиента, перейдите в wp-content – themes. Тут нужно найти тот шаблон, который является активным у вас в данный момент. Заходим в него и находим тот самый single.php или ищем что-то похожее по названию.

В самом файле с кодом найдите строчку the_content с помощью поиска (Ctrl + F). Вставьте где-нибудь после нее этот код.

Комментарии это то, что на этом скриншоте выше выделяется зеленым цветом. Как видите, разработчик явно указал, что в этом месте выводиться сам текст статьи. Это отлично, просто вставьте код сразу после статьи и получите желаемый результат.

Вообще я рекомендую вам потренироваться на локальном сервере, если он у вас есть. Там вы можете вставить код, посмотреть, что получилось и потом уже повторить аналогичную процедуру на реальном сервере.

Кнопки от Pluso

Это достаточно известный сервис, который предоставляет всем желающим возможность воспользоваться их вариантом блока «Поделиться». Для этого, как и в случае с сервисом Яндекса, достаточно лишь выбрать нужные настройки и скопировать получившийся код в нужное место.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

Из настроек, прежде всего вам необходимо выбрать, какие социальные сети будут видно пользователю всегда, а какие только при нажатии на плюс. Фишка этого блока в том, что при нажатии на плюсик вы человек получает возможность поделиться записью еще в 20-30 сервисах.

Вы можете выбрать стиль кнопок, настроить их фон, положение и размер. Также можно выбрать иконки со встроенным счетчиком. А еще одним преимуществом кнопок от Pluso является их потрясающий внешний вид и возможность встроить их в практически в любой дизайн.

Когда все настроено, просто копируем код и вставляем его в том месте, где хотим увидеть соответствующий блок.

Еще один вариант – Share42

Если предыдущие варианты вам чем-то не понравились, есть другой способ, как поставить кнопки социальных сетей на сайт. Это сервис share42.com. Назван так, наверное, потому, что на момент создания в нем было 42 кнопки социальных сервисов, хотя на данный момент их 43.

Описывать процесс подробно не буду, потому что на сайте уже все оформлено в виде пошаговой инструкции. Дизайн этих иконок вы поменять не можете, а только размер. Впрочем, смотрятся они недурно.

Иконки, которые вам нужно, нужно выбрать, кликнув по ним мышкой. Отдельно хочу отметить наличие таких интересных возможностей, как добавление в избранное браузера, ссылка на rss и кнопка «Наверх».

Далее вы можете выбрать тип панели: горизонтальная или вертикальная? И если выбрана вторая, то количество кнопок можно ограничить. Кодировку я рекомендую оставить UTF-8. Вы можете также добавить иконку самого сервиса в комплект кнопок, чтобы пользователи с вашей странички могли перейти на него и установить себе тоже эти кнопки.

Также если вы планируете добавить иконку rss, то обязательно нужно указать адрес вашего фида, а если хотите показывать количество нажатий по кнопкам, должны быть отмечены две последние галочки.

Ниже есть 2 кнопки. Первая позволяет взглянуть, как будут выглядеть социальные кнопки, которые вы настроили. С помощью второй скачивается скрипт. Его нужно загрузить через ftp к себе на сайт в корневую папку.

Следующим шагом укажите на странице сервиса путь к этой папке. Зачастую достаточно заменить site.com на ваше доменное имя. Все, остается вставить код, выбрав перед этим cms, на которой работает ресурс. Куда вставлять код вы уже должны понимать, я надеюсь.

Я не сомневаюсь, что существует еще парочку нормальных сервисов, где можно сделать социальные кнопки, а также есть просто масса скриптов и плагинов, которые их добавляют. Сегодня я перечислил вам наиболее лучшие, на мой взгляд, варианты.

Что ж, сегодня мы с вами научились добавлять кнопки социальных сетей и сервисов в свой интернет-проект. Теперь ваши полезные материалы могут быть автоматически распространены по социальным сетям вашими благодарными читателями. А у меня на этом все.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

WordPress-Ученик

12 фишек без которых Вы не создадите полноценный сайт на WordPress!

Смотреть

Как добавить кнопки социальных сетей на сайт

Самый простой и быстрый способ поставить кнопки нескольких социальных сетей на страницу — воспользоваться одним из бесплатных сервисов. Ниже будет рассмотрено несколько таких сервисов, интуитивно понятных и доступных даже совсем начинающим сайтостроителям.

1. Сервис социальной активности UpToLike

Ссылка на сервис. Жмем на кнопочку «Настроить кнопки соцсетей» и попадаем на раздел с настройками.

Здесь все просто: справа показывается превью, как это будет выглядеть, слева настройки. Можно выбрать, какие кнопки ставить (по ссылке «Еще социальные сети» раскрывается внушительный список соцсетей), расположение, внешний вид и еще некоторые настройки. Для каждой из них появляется пояснение, если навести на значок вопроса рядом. Мне особо понравились здесь лаконичный дизайн вывода кнопочек и адаптация под мобильные устройства, а вариант «Боковая панель» создает скользящую панельку слева/справа экрана.
После выбора правильных настроек жмем на большую зеленую кнопку «Сгенерировать код», появляется всплывающее окно, просящее email и адрес сайта, заполняем поля и после этого сразу появляется код для вставки:

Копируем его и вставляем в то место, где будут появляться иконки соцсетей (если нужно сделать боковую панель, вставлять код можно в любое место). Все очень просто, у меня заработало с первого раза, никаких дополнительных скриптов вставлять не нужно.

Сервис сразу создает аккаунт по введенному email, в котором можно посмотреть статистику кликов и отредактировать вывод кнопок.

На самом деле сервис содержит много виджетов: Поделиться, Подписаться, Рейтинг статей, Опросы, Авторизация через соцсети, а также имеет плагины под некоторые популярные CMS, узнать о всех возможностях использования можно здесь.

2. Pluso

Еще один удобный сервис. По ссылке открывается страничка с настройками, также можно выбрать нужные соцсети, внешний вид, мне понравилось, что дополнительно можно добавить кнопочки «Печатать», «Отправить на email» и «Добавить в закладки». Единственное, не получилось найти, где убрать кнопку с дополнительными соцсетями. Настойка «Вертикальное расположение» лишь выстраивает кнопочки друг под другом — скользящая панелька автоматом не получится.

После выбора дизайна кнопок проматываем страничку вниз и видим поле «Предпросмотр», ниже код для вставки и справа 3 поля для заполнения (на какой сайт будут ссылки, там тоже вылезают подсказки, как и что заполнять). Нужно заполнить поля, скопировать код и также как и в предыдущем примере вставить в то место страницы, где будут вылезать кнопочки.

3. Блок «Поделиться» от Яндекс.

По ссылке прокручиваем страничку и появляется конструктор блока.

Здесь тоже все предельно просто, слева выбор соцсетей, справа вариантов оформления. Нужно скопировать получившийся код в нужное место на сайте. Просто и удобно.

Как добавить кнопки социальных сетей на сайт

Приветствую вас, уважаемы посетители!

Сегодня я хотела бы поговорить с вами о том как повысить позиции сайта и привлечь новых посетителей с использованием социальных кнопок, как добавить кнопки социальных сетей на сайт и почему они так важны.

Если у вас ещё нет социальных кнопок на сайте, то обязательно дочитайте статью до конца!

Навигация по статье:

Для чего нужны кнопки социальных сетей?

На сегодняшний день социальные сети стали неотъемлемой частью большинства пользователей сети интернет и люди активно ими пользуются для того, чтобы общаться со своими друзьями и знакомыми. Наличие этих кнопок стимулирует пользователей рассказать о заинтересовавшей их информации. Но это ещё не всё!

Социальные сети играют немаловажную роль в поисковом продвижении:

  • Во-первых, соцсети очень активно индексируются поисковыми системами и если ссылки на ваш сайт будут в социальных сетях, то они быстрее проиндексируются.
  • Во-вторых, сегодня поисковые системы уделяют большое значение поведенчискому фактору, то есть тому как ведёт себя посетитель у вас на сайте (сколько времени он там провёл, на какие кнопки нажал, сколько страниц просмотрел, куда перешёл с вашего сайта и т.д.) поэтому когда поисковый робот видит что люди делятся вашей статьеёй в соцсетях то он делает для себя вывод что данная статья является полезной. И ваш сайт становится более значимым в глазах поискового робота.
  • В-третьих, когда человек нажимает на кнопку «поделиться» то ссылка на ваш сайт сразу появляется на его странице в соцсети и её видет все его друзья и могут перейти по ней.

Таким образом это дает вам дополнительные возможности по привлечению и взаимодействию с посетителями, а также дает возможность распространять контент в нескольких соцсетях, помогающих для привлечения трафика на ваш интернет-ресурс.

Чем больше делятся вашим контентом, тем больше людей с ним ознакомятся и тем больше можно получить новых уникальных посетителей.

Какие виды социальных кнопок бывают?

Бывает два вида кнопок которые можно установить на свой веб-сайт и которые имеют принципиальные различия:

  • Поделиться (share buttons).С их помощью пользователи могут сообщить своим друзьям о вашем блоге либо о какой-то отдельной статье, разместив запись у себя на странице соцсети, что позволяет привлечь новых посетителей, что по своей сути, является, бесплатной рекламой вашего интернет-проекта.
  • Подписаться (follow buttons). Они позволяют пользователям перейти к нам в группу или на страницу в одной из социальных сетей, где они могут, при желании, подписаться на новости нашего проекта. Это дает возможность информировать своих пользователей, через соц. сети, о появлении нового контента.

Как добавить панель социальных кнопок?

Сегодня мы рассмотрим способы добавления панели соц. сетей для сайта на WordPress с русскими социальными сетями.

Это можно сделать двумя наиболее распространенными способами:

  • Первый способ — с помощью онлайн-сервисов, таких как: Share42, AddThis, ShareThis, Pluso.

    Для этого вам, нужно всего лишь, выбрать необходимые параметры панели, после чего, добавить сгенерированный код в шаблон страницы. Этот вариант очень удобен особенно для тех, кто не хочет перегружать свой сайт плагинами.

  • Второй способ — использовать специальные плагины. Их, конечно же, большое множество. Вот одни из наиболее распространенных: Fixed Social buttons, Simple Social Buttons, Social Share Buttons for WordPress, UpToLike, Socialize It!

    Использование плагина удобно тем, что, когда угодно, можно отключить или добавить новые кнопки без необходимости для этого копаться в коде.

Добавление соц. панели с помощью Share42

Настройка панели выполняется всего за несколько шагов:

  1. 1.Для установки панели нам необходимо перейти на сайт Share42.
  2. 2.Выбираем нужные нам социальные сети, а так же указываем размер иконок:
  3. 3.Далее, настраиваем свою панель:
    1. 1)Выбираем тип нашей панели (вертикальная или горизонтальная).
    2. 2)Выбираем кодировку UTF-8.
    3. 3)Соглашаемся или нет на размещение иконки Share42
    4. 4)В случае если у вас сайт сделан на WordPress, ставим галочку в пункте «К вашему сайту подключен JQuery»
  4. Так же, можно посмотреть, что у нас получается нажав на «Посмотрите, как это будет выглядеть».

  5. 4.Нажимаем кнопку «Скачать готовый скрипт», после чего, следуя инструкциям, устанавливаем скрипт себе на страницу:
    1. 1)Разархивируем архив.
    2. 2)При помощи FTP-клиента загружаем папку Share42 в корневой каталог вашего сайта на хостинге.
    3. 3)Указываем путь к папке.
    4. 4)Ставим галочку напротив CMS на базе которой сделан сайт. В нашем случае WordPress.
    5. 5)Вставляем в шаблон страницы сгенерированный код.

Так же, нажав ссылку «Параметры, которые вы можете указать» вы увидите таблицу с перечнем дополнительных параметров, а так же их описанием, которые можно использовать для настройки панели кнопок.

Куда вставлять код?

  • Если вы хотите чтобы эти кнопку выводились под текстом статей, то данный код вам нужно будет вставить в шаблон single.php где то в самом конце.
  • Если нужно вывести эти кнопки на всех страницах сайта, то кроме single.php нужно вставить код и в шаблон page.php
  • Внимание! Возможно при добавлении в эти файлы кнопки соцсетей могут высветиться не в том месте, где вам нужно или не высветиться вообще. Здесь всё зависит от особенностей вашей темы и её структуры. В таком случае нужно будет поэкспериментировать с добавлением кода в другие части шаблона single.php и page.php.

  • Для вывода социальных кнопок в подвале сайта или как плавающую вертикальную панель – вставляем предложенный код в файл footer.php вашей темы.
  • Для того чтобы открыть эти файлы подключаемся к сайту по ftp и заходим в папку:

    wp-content – thems – папка с названием вашей темы.

  • Для того чтобы выровнять эти кнопки по центру страницы нужно в файл style.css вашей темы прописать:

    .share42init{
    text-align:center;
    margin-top:20px;
    }
    </Files>

    .share42init{

    text-align:center;

    margin-top:20px;

    }

    </Files>

Все готово! Что получиться, вы можете увидеть в конце статьи

Установка плагина Social Share Buttons for WordPress

Этот плагин для социальных кнопок на WordPress переведен на русский язык и, я думаю, у вас не возникнет трудностей с его установкой. Все достаточно просто и понятно.
Для его установки и настройки нам понядобится проделать несколько шагов:

  1. 1.Для начала необходимо в административной панели сайта WP выбрать пункт Плагины => Добавить новый. Далее, при помощи поиска найти, установить, и активировать плагин Social Share Buttons for WordPress.
  2. 2.В боковом меню админпанели появиться пункт «Share Buttons», при нажатии по нему нам доступно три пункта меню:
    1. 1)Главные настройки
    2. 2)Share настройки
    3. 3)Like настройки
  3. 3.Выбрав «Главные настройки» обязательно настраиваем:
    1. 1)Текст, который будет отображаться перед нашей панелькой
    2. 2)Позицию кнопок соц. сетей. Где выбираем положение панели по вертикали и горизонтали, а так же есть возможность исключить типы страниц, где не нужно размещать панель.
  4. 4.Переходим в «Share настройки». Здесь делаем следующее:
    1. 1)В разделе «Включение/Отключение социальных кнопок» снимаем галочки с ненужных нам иконок.
    2. 2)Выбираем стиль оформления иконок.
    3. 3)В разделе «Сортировка кнопок», путем перетаскивания, располагаем кнопки в нужной нам последовательности.
    4. 4)Задаем отступы сверху и снизу панели.
  5. 5.Выбираем «Like настройки», включаем и настраиваем нужные нам счетчики «лайков»
  6. Обратите внимание! Для того, чтобы работали кнопки «лайков» Facebook и Вконтакте вам необходимо указать свой API ID. Для этого вам необходимо перейти по ссылкам приведенным над полями вода API ID. После прохождения регистрации вам будут выданы уникальные номера.

У нас должно получиться как то так:

Надеюсь что у вас всё получилось и моя статья вам помогла сделать для своего сайта красивую удобную, а главное, полезную панель соцсетей.

Если у вас остались вопросы, вы всегда можете задать их в комментариях.

Кстати, не забудьте испытать кнопки социальных стей в действии и нажать на несколько из них! Блок с этими кнопками вы сможете найти прямо под этой статьёй 🙂

Так же вы можете подписаться на новости блога и получать статьи себе на почту.
Спасибо за то что наведались ко мне в гости и до встречи в следующих статьях!

С уважением Юлия Гусарь

Добавление каждой кнопки соц сети по отдельности. Социальная сеть Вконтакте

Здравствуйте друзья! Я уверен, что абсолютно каждый владелец своего или блога заинтересован в его раскрутке. SEO-оптимизация, обмен ссылками, реклама и т.д. все это замечательно.

Буквально вчера я открыл для себя еще одну полезную фишку для раскрутки блога. А именно — установка кнопок добавления статьи в различные соц.сети (vkontakte.ru, mail, facebook, twitter и т.д.). Наверняка многие из вас знают про эту фишку, но те кто не знают, не пугайтесь. Все очень просто и самое главное эффективно для раскрутки!

Сейчас я расскажу как это работает. Вы добавляете новый пост на свой блог. Его просматривают ваши читатели и говорят, — «Классная статья», «Просто супер», «Очень полезный пост» и т.д.

Посмотрели и видят внизу поста кнопки добавления в социальные сети. Кликают к примеру «Добавить на сайт vkontakte» и в эту же секунду в их профиле появляется ссылка на вашу статью с Названием вашего блога и темой статьи. Супер!

Представляете сколько людей одновременно увидят вашу статью, как возрастает посещаемость вашего блога, а если эти люди добавят вашу статью в соц.сеть? Прямо вирусный маркетинг однако. Статьи только писать классные. =) Я считаю это отличный способ раскрутки!

Есть уже готовые сервисы по вставке кнопок на ваш блог. Пример — http://odnaknopka.ru

, но если честно, такие кнопки лично мне не нравятся, поэтому на свой блог я сделал другие. Выглядят они вот так:

На момент просмотра данной статьи они уже могут поменяться. Если хотите поставить себе такие же на свой блог, то сделать это можно очень просто.

1. Скачайте архив

с картинками кнопок и HTML код для вставки его в шаблон блога.
2. Скопируйте все картинки в папку images темы вашего блога. (Для WordPress — wp-content/thems/ваша тема/images)
3. Скопируйте готовый HTML код и вставьте его в файл single.php или index.php темы вашего блога. Для wordPress — (wp-content/thems/ваша тема/single.php или index.php)

Вставлять нужно именно в том месте файла, где вы хотите видеть свои кнопки. В моем случае — это конец поста.

Готово!!! Вот и на вашем блоге теперь будут кнопки добавления в социальные сети.

Тут вообще все упрощается. Проходите вот по этой ссылке
, отмечаете галочками какие кнопки вам нужны, копируете код и вставляете его на ваш сайт в нужном месте, через html естественно.

Готово!!! Дело за малым. Писать полезный контент для ваших читателей, для того чтобы они с радостью делились им со своими друзьями в соц.сетях и других ресурсах! А на вашем сайте или блоге стоят кнопки добавления в социальные сети? Желаю успехов!

P.S. Как вам статья? Советую , чтобы не пропустить информацию о новых бесплатных видеокурсах и конкурсах блога!

C уважением, Александр Борисов

Способов добавить кнопки социальных сетей на сайт сейчас не мало, выбор есть и это радует. Социальные кнопки играют важную роль на странице, с ихней помощью, как многие уже знают, можно быстро сделать репост любой записи в одной из выбранной соц сети. Социальные кнопки для сайта ставят сейчас где угодно и куда угодно, но иногда не туда, куда нужно.


Социальные кнопки для сайта

Многие уже знают на сколько сейчас развиты соц сети и как здорово, если на вашем сайте будут вот такие кнопки, с помощью которых можно добавить к себе на стенку понравившуюся запись или часть записи. Таким действием вы не только комментируете или делаете репост сообщения, но еще даете дополнительный сигнал для поисковых систем.

Мечта каждого владельца сайта, если все его записи будут репостить читатели на своих страницах в одной из социальных сетей. Сейчас больше всего идет спрос на Вконтакте, Facebook, Twitter и Одноклассники. Я бы еще добавить LiveJournal, liveinternet и Blogger. Вот эти кнопки желательно добавить на сайт для полного удобства пользователя.

Особенно Twitter сегодня заслуживает все большего внимания, с его помощью ваши новые публикации быстрее появляются в индексе поисковых систем.

Если вы владелец сайта, у вас скорей всего должен быть аккаунт в liveinternet или LiveJournal. Чтоб каждый раз не добавлять новые записи в эти сервисы, наличие ихних кнопок экономит время. В добавок много народа пользуются этими сервисами и так же могут захотеть сделать репост вашей записи в своем дневнике.

Существует несколько самых оптимальных способов, как быстро добавить соц кнопки для сайта. Сделать это можно с помощью онлайн сервисов, которые быстро и без проблем помогут с этим. Или на прямую через каждую соц сеть отдельно. Тут уже выбор у каждого свой. У меня раньше кнопки были добавлены отдельно через каждую соц сеть, сейчас я поставил с помощью сервиса.

Существует такой подобный сервис, называется он share42
. Про него масса написано материала, какой он хороший и как ним нужно пользоваться. Хороший, но для обычного пользователя, который ничего не понимает в этом, будет сложно с ним справиться.

Для такого мелкого занятия копировать папки на хостинг и потом париться со стилями, сейчас это уже не рулит. Существуют другие варианты, в которых нужно скопировать и вставить уже готовый код без никаких дополнительных папок. Так что забудьте про этот сервис.

Добавляйте только самые основные кнопки соц сетей, которыми пользуется большинство, не стоит лепить десятки ненужных забытых кнопок.

Чем сегодня можно воспользоваться, чтоб добавить социальные кнопки для сайта:

  1. Сервис uptolike.
  2. Социальные кнопки яндекс.
  3. Добавление вручную каждой соц сети отдельно.
  4. Сервис Pluso.
  5. С помощью плагинов для WordPress (для ленивых).

Больше никуда влазить наверное не нужно, лучших способов не найти. Каждый из этих вариантов по своему хорошо. Если вы знаете более удобней или привлекательный способ, напиши пожалуйста в комментариях.

Кнопки социальных сетей необходимо вставить в конце каждой статьи, чтоб после чтения, посетитель сайта смог по желанию сделать репост вашей записи. Он не должен искать их где то в конце страницы. Самые оптимальные места, на мой взгляд, где должны быть размещены такие кнопки, это в сайдбаре и сразу в конце каждой записи.

Uptolike

В данный момент я сам пользуюсь этим сервисом, понравился он мне. Кроме удобства, сервис uptolike имеет несколько привилегий перед другими себе подобными.

  • Широкий выбор среди кнопок социальных сетей;
  • Кнопки адаптированы под мобильные устройства;
  • Возможность цитирования в соц сетяъ любого участка текста;
  • Можно добавить кнопку наверх;
  • Возможность добавления всплывающего окна на подписку в группу Вконтакте;
  • Выбор размера иконок;
  • Выбор стиля иконок для сайта;
  • Добавить эффект при наведении;
  • Изменение фона кнопки, цвета текста, фона счетчика;
  • Увеличение или уменьшение текста в счетчике.

Привилегий перед другими такими сервисами достаточно, чтоб воспользоваться ним. При этом добавляется только небольшой код в виде скрипта и пара строчек со стилями. Никакой посторонней ссылки при этом нет, проверял через сервис исходящих ссылок. Если я не прав, можете меня поправить.

Кроме этого, что еще может сервис uptolike.

Самые важные настройки. Выбираем какие социальные кнопки для сайта которые вы хотите видеть. При необходимости можно открыть список и выбрать еще несколько из большинства. Ставим галочку на поддержку . После этого на мобильных телефонах, кнопки соц сетей будут отображаться всегда снизу экрана.

Выбираем расположение кнопок по горизонтали, размер и стиль. Оформляем как вам понравится и добавляем эффект при наведении. Больше ничего делать не нужно. Для генерации кода счетчика, необходимо указать адрес сайта и почтовый ящик. Сразу после этого появится код для вставки соц кнопок на сайт.

Если у вас сайт на WordPress, открываем файл single.php и вставляем готовый код сразу после окончания контента странице. Обновляем страницу и смотрим, что получилось. Сложного ничего нет.

Яндекс

Выбираем нужные иконки сервисов. Твиттер есть только в виде иконок, без счетчиков. Выбираем внешний вид блоков и снизу будет готовый код для вставки. Как было сказано ранее, больше ничего Яндекс не добавляем, все скромно и со вкусом.

Ручной метод добавления

В этом способе нужно открыть каждую соц сеть отдельно и настроить каждую кнопку репоста отдельно. Для добавления кнопки фейсбука нужно пройти сюда
. Для одноклассников и моего мира нужно добавить данные . Для твиттера все происходит на . Для добавления кнопки Вконтакте переходим по этой странице
.

У вас будет готовый код только от соц сетей, без никаких лишних скриптов. Наверное самый лучший способ для добавления кнопок соц сетей для сайта. Сложность возникает в том, что нужно каждую кнопку пилить отдельно, после этого вставить все в одно место и с помощью стилей css выравнивать в одну колонку. Если у вас не возникает с этим трудностей, можете пробовать.

Вконтакте

Для добавления кнопки Вконтакте, нажимаем Подключение сайтов и виджеты, снизу будет полный перечень всех возможных добавлений. Там же идет возможность добавления комментариев на страницу, запись на стене, добавление своей группы, рекомендации, опросы, подписаться на автора и публикация ссылок. В нашем случае выбираем Публикация ссылок.

Сложного ничего нет, выбираем стиль кнопки (с счетчиком или без него), пишем текст на кнопке, вариант логотипа и внизу будет готовый код для вставки. Я сам пользовался таким ручным методом добавления, но в данный момент пробую посторонний сервис. Посмотрим, что из этого получится. Если не будет устраивать, сразу вернусь назад к ручному методу.

Pluso

Еще один способ добавления кнопок для сайта, с помощью сервиса Pluso
. Сервис тоже неплохой, у многих замечал кнопки именно от него. Выбор вариантов оформления большой, в добавок на любителя есть большие размеры изображений. Возможность добавления сетей ничем не уступает, по сравнению с другими подобными сервисами. Для установки не требуется никаких файлов, только код.

Выбираем любой стиль оформления и добавляем нужные сервисы. Немного ниже будет показан готовый пример, как все это будет смотреться на странице. Размер иконок можно выбрать большой, средний или маленький. Так же квадратные иконки для сайта или круглые, в одну строку или в две строки, горизонтальные или вертикальные. Со счетчиком или без него, без фона или установить фон под оформление дизайна вашего сайта.

После всех этих действий, снизу будет находиться готовый код для вставки на страницу. Если нужно вставить на главную страницу, ковыряемся в файле index.php, если во все ваши записи, добавляем код в файл single.php сразу после окончания записи.

WordPress

Если вы ничего не понимаете в этом коде, что куда нужно копировать и как все это работает, выход есть. Если у вас движок WordPress, можно установить плагин, с помощью которого у вас появятся кнопки социальных сетей. Сегодня таких плагинов просто большое количество. Заходи в админку — Плагины. Можно сразу написать в поиске плагинов «соц кнопки», «social» или «вконтакте». Я уверен, вы что то найдете.

Среди большинства таких подобных плагинов для WordPress, посмотрев на рейтинг, больше всего ставят именно такие:

  1. Social Share Buttons for WordPress.
  2. Social.
  3. Social Media Feather — lightweight social media sharing and follow buttons.

На самом деле подобных таких плагинов очень много, нужно устанавливать и перебирать, какой вам больше понравится, правильно работает, что показывает и как его можно настроить под себя. Разберем на примере первый такой плагин Social Share Buttons for WordPress.

Сам плагин на русском языке, проблем с этим не будет. После установки, слева в меню появится новая кнопка «Share Buttons». В главных настройках ставим логотип сайта и пишем текст перед социальными кнопками.

Обязательно включаем генерацию мета данных, будет включаться заголовок и описание страницы. Выравнивание кнопок по горизонтали и выбираем, где они будут находиться. Выбираем только в постах. По желанию можно исключить необходимые страницы. В самом низу нужно указать ник в триттере.

На следующей вкладке Share настройки выбираем стиль оформления кнопок. Ниже можно включить или выключить ненужные соц сети и добавить отступы для всего блока сверху или снизу. Лишнего кода никуда ставить не нужно, плагин все сделает вместо вас.

Выбор остается уже за вами, каким способом будете пользоваться. Добавлять иконки социальных сетей через uptolike, Pluso или через Яндекс. Не стоит сразу устанавливать плагин на WordPress, попробуйте сделать все ручным методом или с помощью сервиса.

Если вы знаете еще какой то хороший сервис или способ как добавить социальные кнопки для сайта, буду благодарный за комментарий.

Социальные сети отличный инструмент для продвижения своего сайта в интернете. Через соц сети можно настроить колоссальный трафик к своему ресурсу совершенно бесплатно используя распространенный подход — кнопки соц сетей. Кнопки социальных сетей на сайте могут значительно улучшить не только посещаемость, но и взаимоотношения с поисковиками, а соответственно снова же увеличить трафик посетителей.

В этой статье я собрал все возможные способы подключения кнопок социальных сетей для сайта, если вы не найдете нужный именно вам, тогда напишите в комментариях, обязательно добавлю. О каких методах будет рассказано:

Для начала небольшой экскурс в тему, что такое и для чего нужны эти самые кнопки соц сетей для сайта.
Прекрасное видео от сервиса Pluso поможет вам легко выбрать, настроить и внедрить кнопки абсолютно на любой сайт:

На данный момент социальные сети занимают огромную роль в жизни среднестатистического человека. Практически у каждого второго есть хотя бы один профиль в социалках. По этой причине использование возможностей продвижение сайтов в социальных сетях так актуальны, это огромный мир пользователей и покупателей.

Я думаю раз вы читаете это статью, тогда вам известны примерное или точное предназначение кнопок расшаривания на сайте, а значит что мы можем переходить к основной части статьи, а именно добавлением иконок.

Яндекс кнопки соц сетей

Популярный русскоязычный поисковик предоставляет отличную возможность кнопки социальных сетей на сайт от Яндекса . Тут все до боли просто:

Теперь несколько картинок для лучшего понимания, выбираем какие сайты будем использовать:

Подбираем внешний вид, кнопки со счетчиком или без, маленькие или крупные и копируем код для вставки на сайт:

Все предельно просто, это даже проще чем использовать плагины, ну по крайней мере мне так кажется.

Не буду проводить обзор всех возможных сервисов, их суть одна и та же:

  1. Выбираете соц сети.
  2. Изменяете внешний вид.
  3. Копируете код.
  4. Вставляете у себя на сайт.
  5. Теперь список сервисов:

  • http://share.pluso.ru/
  • http://share42.com/ru
  • https://uptolike.com/
  • http://social-likes.js.org/ru/

Настройки практически идентичны, можете выбрать более понятные для вас или более широкий функционал. Пример первого сервиса:

Не буду долго описывать, незачем, все интуитивно понятно.

Как установить кнопки соц сетей на сайт WordPress

Обычно кнопки-ссылки расположены под статьями или же на боковых сайд барах. Что бы расположить кнопки социальных сетей на ваш сайт нам потребуется провести установку и настройку требуемого плагина, или же внедрить код непосредственно в шаблон. Сперва рассмотрим плагины, а уж затем ручное добавление кнопок. Как устанавливать плагины можно прочитать .

Для данного случая мы выбрали два удобных плагина, которые именуются как Social Share Buttons и Jetpack.

Первым более продвинутым плагином для добавления кнопок социальных сетей
на ваш сайт WordPress является Jetpack.

Данный плагин создан и обслуживается разработчиками WordPress, по этому и доверия к нему больше чем к остальным.

Затем нажимаем «Настроить» и нас перекидывает в меню настроек социальных сетей.

В данном блоке мы выбираем нужные нам кнопки для социальных сетей.

Что бы выбрать нужные нам нужно просто перетащить кнопки социальных сетей
с верхнего поля в нижнее, ниже мы увидим визуальное отображение иконок.

В следующем меню мы настраиваем стиль кнопки
и места их вывода
на нашем сайте.

После того как мы настроили то что нам нужно, нажимаем «Сохранить изменения» и наши кнопки социальных сетей
появятся под нашими записями на сайте.

Установка кнопок социальных сетей на сайт WordPress. Настройки Social Share Buttons.

Итак, не будем ходить вокруг да около, а перейдем сразу же к установке кнопок социальных сетей
. Заходим с в меню настройки и добавления плагинов. Через поиск находим предложенный нами Social Share Buttons for WordPress.

Установив и активировав плагин для добавления иконок социальных сетей
, заходим в появившееся новое меню с консоли нашего WordPress — Share Buttons.

Как видим, меню наше делиться на три подменю, рассмотрим и разберем каждый из них по отдельности:

Главные настройки отображения кнопок социальных сетей на сайте WordPress.

Что мы можем тут настроить?

  • Мы можем загрузить логотип нашего сайта, что предаст нашим кнопкам некой зрительной привязки к нашему ресурсу.
  • Текст призыв или что-то в этом роде можно разместить над кнопками.
  • Автоматическая генерация мета данных которые будут привязаны к опубликованной статье в соц сети.
  • Позиционирование кнопок социальных сетей, слева справа по центру по отношению к статье.
  • Вертикальные позиции кнопок, внизу или вверху.

И чекбоксы выбора где отображаются ваши кнопки, с позиции «На главную» убрана галочка потому что нам не нужны кнопки под каждым анонсом статей на главной странице, так же можно исключить статьи на которых не будут отображаться иконки кнопок.

Share настройки, выбор стиля кнопок для социальных сетей.

  1. Выбираем понравившиеся стиль и сортируем на свое усмотрение наши иконки.
  2. Настраиваем с какими именно соц. сетями вы хотите взаимодействовать и где соответственно продвигать свой продукт.
  3. Настройка отступов между иконками.

В этом цикле настроек кнопок для взаимодействия с социальными сетями на сайте WordPress нужно разбираться с каждой кнопкой отдельно, если вам будет это интересно и нужно вы сами разберетесь что к чему.

После того как все настройки были сделаны, мы сможем убедиться в их полезности и функциональности уже на вашем сайте WordPress.

Какой из плагинов использовать выбирать вам, но я рекомендую Jetpack, он часто обновляется и более быстрый в работе.

Добавление каждой кнопки соц сети по отдельности

Твиттер так же предоставляет широкие настройки для кнопок. Ссылка , скрин ниже:

Не многие используют, но может пригодиться и кнопка от мейл ру.

Похоже на Однокласники, с чего бы это 😆 .

Добавление иконок на профили и группы в социальных сетях на сайт

Сейчас я покажу небольшой пример того, как можно добавить иконки на профили в социальных сетях на сайт. Этот способ подойдет не только для WordPress, а и для любого другого сайта.

Итак, что нам нужно:

  • Определиться с будущим местонахождением иконок;
  • минимальные знания html и CSS, как не крути, а предсказать все варианты, которые могут вам понадобиться я не смогу.
  • готовые картинки-иконки соц сетей, скачанные с интернета. Их можно найти очень много используя поиск.
  • доступ к файлам шаблона.

Первым делом покажу небольшой код, для 2-х соц сетей, VK и G+, а так же иконку ленты FeedBurner. По аналогии вы можете добавить сколько угодно иконок.

«http://feeds.feedburner.com/yrokiwp»
>

alt
=
«Подписка RSS»
src
=
«//feedburner.google.com/fb/images/pub/feed-icon32x32.png»
/
>

«Группа Вконтакте»

alt
=
«Группа Вконтакте»
src
=
»
/images/vk.png»
/
>

В Интернете, вероятно, не осталось сайтов, на которых бы не были размещены кнопки для постинга

материалов в социальные сети. Последние давно и прочно заняли место в наших жизнях. Мы там общаемся, знакомимся, раскручиваем бизнес, читаем новости и прочее. Полный спектр. Неудивительно, что веб-мастера стремятся расширить присутствие своих сайтов в соцсетях любыми доступными методами. Ведь там лежат тонны потенциального траффика, который нужен абсолютно всем. Поток посетителей — это деньги, репутация, рост. Всё строится вокруг него. Лакомый кусок.

Соцкнопки необходимы, это очевидно. Вопрос в другом — какие выбрать?

Мы для вас протестировали ТОП 5 различных сервисов

для добавления кода кнопок на сайты. Цель — выявить оптимальный и показать его в деталях. Начнём с отборочного этапа.

Выбор лучшего сервиса социальных кнопок

Выбор претендентов для сравнения оказался банален — мы взяли самые популярные сервисы

, о которых слышал любой человек, сколь-нибудь близко знакомый с темой создания сайтов. Никаких редких, набирающих популярность, только опытные старички.

Состав команды аттестуемых таков:

В результате тестирования выбранных социальных сервисов – лидером оказался uSocial

. Теперь вы желаете получить обоснование нашего выбора. Само собой, голословными не останемся.

Особенности кнопок uSocial

Приведем некоторые факты

, убедившие нас в правильности принятого решения.

Словесного сравнения многим окажется мало. Поэтому мы составили сравнительную таблицу

кнопок от uSocial и остальных дебютантов (используемая шкала оценки — от 1 до 5). Все эти данные получены в процессе тестирования.

Надеемся, проведённый анализ смог развеять ваши сомнения в обоснованности нашего выбора. Помимо приятной внешности социальные кнопки от uSocial носят глубокий прикладной характер, являясь довольно мощным инструментом для продвижения любых проектов.

Инструкция как установить кнопки социальных сетей на сайт

Для размещения социальных кнопочек от uSocial на своём сайте необходимо выполнить несколько простых шагов:

Шаг-1

Шаг-2

Собираем набор социальных кнопок. Можно выбрать отображаемые
сервисы социальных сетей, форму и стиль кнопок.

Здесь же можно активировать кнопку «Вверх», включить поддержку мобильных устройств, подключить сервисы Viber, WhatsApp, Telegram, SMS.

После завершения всех операций вводим адрес
своего сайта и жмём на кнопку «Получить код»
.

Шаг-3

Копируем код
скрипта
в появившемся окне. Вставлять код нужно на те страницы вашего ресурса, где необходима панель социальных кнопок. Например, в футер перед закрывающим тегом

Кнопки социальных сетей «Поделиться» и «Мне нравится»

Важность социальных сетей сейчас сложно переоценить — они повсюду. Каждый пользователь интернета зарегистрирован и регулярно посещает хотя бы одну из них, при этом на «отдельно стоящие» сайты он может не заходить вообще. Иногда новые компании существуют онлайн даже без сайтов — они просто заводят сообщества в социальных сетях — больших временных и финансовых вложений не требуется, но вместе с тем работает модель эффективно.

Владельцам собственных ресурсов приходится подстраиваться под реалии времени и интегрировать свои детища с социальными сетями — устанавливать кнопки, чтобы пользователь мог поделиться записью на своей страничке, устанавливать системы авторизации через соцсети, создавать представительства и добавлять на свой сайт виджеты, с помощью которых посетители смогут узнать о сообществе и в него вступить.

В этой статье я расскажу об инструментах, с помощью которых вы сможете добавить кнопки социальных сетей на свой интернет-ресурс.

Официальные

Любая крупная социальная сеть располагает конструкторами виджетов и кнопок, принцип работы которых заключается в следующем:

1.Вы открываете страницу конструктора.

2.Настраиваете внешний вид и функционал кнопки.

3.Копируете предоставленный код и встраиваете его в код своей страницы.

Так можно вставить на сайт кнопку или виджет практически любой известной соцсети. Ниже приведу ссылки на конструкторы некоторых из них.

  1. «Одноклассники»: кнопка «Класс»
  2. «Одноклассники»: виджет группы
  3. Виджеты и кнопки «ВКонтакте»
  4. Кнопка подписки на канал YouTube
  5. Кнопки «Нравится» и «Поделиться» от Facebook
  6. Кнопки Twitter

У такого метода добавления кнопок есть одно существенное преимущество и один существенный недостаток.

Плюс в том, что это — официальный метод, и ваши кнопки будут работать до тех пор, пока работает сама социальная сеть. Вы знаете о правильной реализации, вам нет необходимости проверять полученный код на безопасность и производительность — это в любом случае лучший код, использующий официальный API.

Минус очевиден в том случае, если вам нужна не одна, а несколько социальных сетей. Вам придётся разбираться с каждой из них отдельно, копировать «свой» код и для «ВКонтакте», и для «Одноклассников», и для Twitter, и для Facebook. Это неудобно и долго, в процессе можно допустить ошибку, а также получить некоторые проблемы с отображением и вёрсткой.

Всех этих качеств лишена следующая группа инструментов.

«Всё в одном»

Сторонние сервисы предлагают установку сразу целых наборов кнопок. Вам достаточно добавить на сайт всего один код, чтобы получить целую строку кнопок любимых социальных сетей.

Сервисов таких есть много, я же в качестве примера расскажу о трёх.

Кнопки от Share24.com

Проект, который предлагает довольно интересные кнопки. Например, вы можете настроить и сгенерировать код элемента, при нажатии которого браузер будет возвращаться к началу страницы. Сервис, хоть и имеет русский интерфейс, отечественным не является, а потому вы обнаружите достаточно много незнакомых социальных сетей.

Кнопки от PLUSO

Отличный и простой веб-сервис, содержащий кнопки всех соцсетей, популярных в русскоязычном сегменте. Вы можете выбрать набор кнопок и настроить их внешний вид. Всё удобно, функционально и просто.

Кнопки от Яндекса

Как всегда, простой в использовании, приятный на вид, довольно функциональный и выдающий превосходный лаконичный код инструмент от известной отечественной компании. Кстати, факт того, что сервис реализует «Яндекс», даёт почти такую же уверенность в «вечной», бесперебойной и честной работе кнопок, как и официальные инструменты.

Другие

Если вам не подошёл ни один из вышеперечисленных инструментов, то знайте: клином свет на них не сошёлся, есть ещё десятки подобных конструкторов, а выбор — дело добровольное. Если же вам не подошёл подход в целом, и вы хотите большей функциональности, есть ещё один вариант размещения кнопок соцсетей.

Плагины для популярных CMS

Они подойдут владельцам только тех ресурсов, которые работают на популярных CMS, таких как WordPress, Drupal или Joomla, так как плагины под распространённые «движки» уже есть, а разработка аналогов для самописных систем вряд ли имеет смысл — проще поставить уже готовый набор кнопок, воспользовавшись инструментарием предыдущей категории.

Работа с плагином не так проста, как с конструкторами (его надо найти, скачать, установить, разобраться в интерфейсе), а само использование лишних расширений может создавать нагрузку на сервер, способствовать медленному отображению страниц и появлению новых уязвимостей.

Тем не менее дополнения могут давать расширенную функциональность. Например, с их помощью можно реализовать систему комментариев через социальные сети и регистрацию через них же. Также использование плагинов может быть обусловлено привычкой — части веб-мастеров уже давно проще и удобней поставить очередное дополнение, чем искать сервис.

Принцип работы с плагинами проиллюстрирую на примере написанного под WordPress расширения Easy Social Share Buttons.

1.Дополнение скачивается и устанавливаться.

2.Плагин активируется и настраивается.

3.Чтобы социальные кнопки стали видны пользователю, нужно поместить шорт-код в то место страницы, где они должны располагаться. В частности, код отображения .

Заключение

Как видите, интегрировать свой сайт с социальными сетями, добавив соответствующий функционал, очень и очень просто, причём существует множество удобных способов реализации на любой вкус, так что если ваш веб-ресурс до сих пор находится «в вакууме» и не позволяет посетителю «поделиться», «твитнуть» или «оставить коммент» — задумайтесь, а не теряете ли вы новых пользователей и их активность на сайте? Может, потраченный на установку социальных кнопок час сэкономит вам дни, которые вы потратите на другие методы привлечения трафика и продвижения сайта?

Кнопки социальных сетей для сайта

Кнопки социальных сетей для сайта – необходимый элемент продвижения ресурса. Не учитывать их роль – значит остаться далеко позади, так как сейчас количество переходов на сайт через соцсети учитывается даже при построении поискового рейтинга. Поэтому поговорим о том, как установить социальные кнопки на свой сайт или блог.

Лирическое отступление

Социальные сети из невинной забавы и способа общения бывших и настоящих школьников превратились в мощный инструмент добычи трафика. Теперь соцсеть – это не только общение. Можно сказать, это отдельная категория СМИ, в которой происходит постоянное движение информации.

Естественно, что эта информация редко бывает уникальной — в основном, она представлена в виде ссылок на заинтересовавшие конкретного пользователя ресурсы. Предоставляют эти ссылки именно кнопки социальных сетей, на которые пользователь нажимает, чтобы поделиться информацией с друзьями.

Одно нажатие на социальную кнопку может привести к существенному притоку на сайт гостей из социальных сетей — при условии, что информация на странице будет действительно актуальной, полезной и интересной. Исходя из этого, следует подумать, как установить кнопки социальных сетей на собственный сайт.

Как уже стало понятно, кнопка — это ни что иное, как ссылка, ведущая на скрипт публикации в соцсети. Все популярные социальные сети пошли навстречу владельцам сайтов, предоставив им уже готовые варианты кнопок для установки. Все что нужно — скопировать готовый HTML-код, предоставляемый «социалкой» и скопировать его в исходный код своей страницы.

Фейсбук и его «лайки»

Для получения заветной кнопки «Мне нравится» (или ее англоязычного варианта «Like») нужно пройти по ссылке и указать нужные настройки в диалоговой форме. После этого будет сгенерирован код для вставки в свою страницу. Кстати, поддержку тэгов Open Graph, если это возможно, тоже стоит обеспечить.

Кнопки «Сохранить» и «Мне нравится» от Вконтакте

Схема установки кнопки «Сохранить» идентична — пройдя по ссылке, нужно выбрать дизайн кнопки, ввести адрес страницы и получить готовый код. В нижней части страницы настроек представлена прямая ссылка для размещения кнопки на сайтах без поддержки JavaScript.

В режиме настроек для размещения еще одной кнопки от Вконтакте – «Мне нравится» можно задать, помимо всего прочего, размеры этой кнопки. Также владельцу ресурса предоставляется возможность после установки кнопки посматривать полный список пользователей, которые поделились ссылкой на его страницу.

Социальные кнопки для «Одноклассников» и «Мой мир»

У вебмастера есть уникальная возможность без особых усилий поставить сразу две кнопки — «Нравится» от социальной сети «Мой мир» и «Класс» от «Одноклассников». Если нет необходимости в двух кнопках одновременно — легко можно выбрать одну из них.

На странице настроек пользователю предлагается выбрать дизайн, размер кнопок, способ размещения счетчика.

Воробышек

Устанавливая социальные кнопки для сайта, не следует «гнаться» за количеством — лучше учитывать популярность соцсетей. Например, установка кнопки соцсети «My Space», популярной на Западе и практически неизвестной на наших просторах, не приведет к желаемому результату.

А вот если среди потенциальной целевой аудитории сайта много пользователей «Твиттера», нужно обязательно установить любую из его кнопок.

Настройка кнопки проста до безобразия. Радует также русскоязычная инструкция на странице настроек. Однако генератор кода учитывает довольно мало вариантов оформления счетчика, поэтому, если не устроят стандартные предложения, часть кода придется прописывать вручную.

Кнопка от Google+

Хочешь не хочешь, а мнение поисковика Goоgle при продвижении сайта следует учитывать. Чтобы лучше продвигать ресурс в этой поисковой системе, нужно установить кнопку «+1». Места много она не займет, но положительно повлиять на рейтинг может. Настройка кнопки интуитивно понятна и практически не отличается от других подобных операций.

А как, чтобы все и сразу?

Каждый из вышеперечисленных вариантов, хоть и является оптимальным, однако требует загрузки отдельных библиотек JavaScript (у каждой соцсети они свои).

Если же хочется установить на сайт код, который позволит публиковать ссылки на страницу сразу в нескольких соцсетях, можно воспользоваться специальными сервисами.

Например, сервис Pluso позволяет сгенерировать один код для нескольких социальных сетей. Кнопки при этом будут довольно-таки красивыми и функциональными. Возможен подсчет переходов по этим кнопкам, который будет отображаться на счетчике.

Яндекс располагает блоком «Поделиться» — здесь, как говорится, все «бедненько и чистенько». Настроек минимум, дизайн и возможности кнопок в целом ограничены, — но зато все работает.

Кнопки социальных сетей для WordРress и Joomla

Блоги, работающие на «движке» WordРress, можно обогатить кнопками с помощью плагина Social Share Buttons for WordPress — многофункционального решения с широким набором настроек. Кнопки социальных сетей для WordРress имеют идентичный внешний вид и функционал, как и для сайтов на базе других CMS.

Чтобы установить кнопки социальных сетей для Joomla, также следует скачать один из множества плагинов. Программа JL Like, в частности, характеризуется возможностью подсчета «лайков» и голосов без особого отягощения страницы.

Как добавить виджет кнопок социальных сетей на сайт

В этой статье мы расскажем, как добавить виджет «Кнопки социальных сетей» на сайт, созданный c помощью платформы «вДиалоге».

Социальные сети позволяют увеличить охват аудитории вашего сайта и количество передачи информации потенциальным клиентам. Чем больше мест, где представлен профиль компании, тем лучше для вашего бизнеса.

Для добавления виджета:

1. Создайте сайт на платформе «вДиалоге».

2. Придумайте название сайта и пароль, укажите адрес вашей электронной почты.

3. Выберите наполнение из представленных тем или шаблонов.

4. Наведите указатель мыши на регион, в который надо добавить блок. Нажмите «Добавить новый блок в колонку»:

 

5. После того, как вы нажмёте «Добавить новый блок в колонку», откроется список всех блоков. Выберите нужный элемент – закладку «Виджеты», блок «Кнопки социальных сетей» и нажмите на него:

 

6. Откроется окно добавления сообществ. Выберите те, которые хотите добавить на свой сайт, и нажмите кнопку «Сохранить»:

 

7. Если профиль вашей компании представлен во всех сообществах, можно отметить галочкой «Выбрать все»:

Cтраница сайта с виджетом «Кнопки социальных сетей» будет выглядеть следующим образом:

 

Наличие сайта в сети Интернет и сообществ в социальных сетях позволит вам как владельцу бизнеса привлекать новых клиентов, повысить лояльность целевой аудитории, выделяться среди конкурентов, эффективнее продвигать свои товары и услуги.

Мы покажем на примере, как использовать виджет сообщества Вконтакте. Для этого добавьте кнопку «Вконтакте» к себе на сайт и сохраните:

 

Кнопка «Вконтакте» на вашем сайте будет выглядеть следующим образом:

 

Нажмите на кнопку «VKONTAKTE», выберите аудиторию, с которой хотите поделиться ссылкой. В графе «Ваш комментарий» можно добавить дополнительную информацию, которую хотите донести до ваших подписчиков. Выделите пункт «Подписчики сообщества». Вы увидите выпадающий список всех имеющихся у вас сообществ, выберите то сообщество, где хотите сделать публикацию. Сделайте публикацию и нажмите «Отправить»:

 

Перед вами откроется окно уведомления о публикации. Нажмите «Перейти к записи»:

 

На странице вашего сообщества в социальной сети ВКонтакте появится ссылка на сайт, созданный на платформе «вДиалоге»:

 

У вас остались вопросы? Напишите нам на [email protected]

бесплатных кнопок и подключаемых модулей для обмена в социальных сетях для веб-сайтов и блогов

Включите общий доступ в один клик, чтобы начать масштабировать трафик вашего сайта уже сегодня.

  • Бесплатно
  • Простота установки
  • Быстрая настройка

Бесплатные инструменты, которым доверяют миллионы мировых создателей контента

Наши кнопки общего доступа

Предоставьте посетителям вашего сайта возможность расширить виральность вашего контента, продукты , изображения и видео в более чем 40 социальных сетях

Встроенные кнопки обмена

Добавьте кнопки обмена рядом с заголовком или продуктом для идеальной видимости

Приступите к работе

Кнопки липкого обмена

Сохраните кнопки обмена, чтобы посетители могут делиться во время прокрутки

Начать работу

Кнопки обмена изображениями

Пусть ваша аудитория поделится вашим самым мощным визуальным контентом

Начать работу

Кнопки обмена видео

Расширьте возможности вашей аудитории для обмена видео на вашем сайте в один клик

Get Star ted

Бесплатное использование

Всегда бесплатное использование и готово помочь вам сразу же расширить аудиторию

Настраиваемое

Вы сами решаете, что нужно вашей аудитории, ваши инструменты позволяют это осуществить

Оптимизировано для мобильных устройств

Создано, чтобы выглядеть и чувствовать себя великолепно на любом экране, большом или маленьком

Языковая поддержка

Выберите один из 9 различных языков, чтобы наши инструменты соответствовали

Плагин WordPress

Полная интеграция с вашей любимой платформой веб-сайтов

Аналитика

Простая и удобоваримая информация что находит отклик у вашей аудитории

  1. Выберите тип кнопок
    Выберите соответствующие инструменты для увеличения посещаемости веб-сайта
  2. Настройте дизайн
    Выберите социальные сети и настройте кнопки в соответствии с вашим брендом
  3. Добавьте код на свой сайт
    Вставьте свой уникальный код ShareThis в раздел заголовка ion вашего веб-сайта
  4. Скопируйте и вставьте код размещения
    Добавьте код размещения везде, где вы хотите, чтобы инструмент отображался

Популярные кнопки общего доступа в социальных сетях

Выберите, чтобы установить кнопки общего доступа из более чем 40 самых популярных социальных каналов.

Показать все кнопки

Часто задаваемые вопросы

Есть вопросы о наших продуктах и ​​услугах? Не смотрите дальше!

Как установить кнопки общего доступа на мой сайт WIX?

Чтобы установить кнопки общего доступа на Wix, нужно выполнить несколько простых шагов. Перейдите на страницу настройки, чтобы выбрать предпочтительные встроенные или залипающие кнопки.

Затем выберите желаемые кнопки общего доступа. Вы можете настроить свой дизайн, выбрав выравнивание, размер кнопки, призыв к действию и количество репостов.Когда ваша кнопка будет готова к дизайну, нажмите «Зарегистрироваться и получить код», чтобы получить код кнопки. После того, как вы создадите кнопки общего доступа, вы можете нажать кнопку «Зарегистрироваться и получить код», чтобы получить код кнопки общего доступа. Скопируйте код из раздела «Установите sharethis.js на свой веб-сайт». Затем войдите в свою учетную запись Wix и введите HTML-код в текстовое поле.

Прочтите этот пост поддержки, чтобы узнать больше о том, как установить кнопки общего доступа на Wix.

Как установить кнопки общего доступа на мой сайт Weebly?

Чтобы установить кнопки общего доступа на Weebly, нужно выполнить несколько простых шагов.Перейдите на страницу настройки, чтобы выбрать предпочтительные встроенные или залипающие кнопки.

Затем выберите желаемые кнопки общего доступа. После того, как вы создадите кнопки общего доступа, вы можете нажать кнопку «зарегистрироваться и получить код», чтобы получить код кнопки общего доступа. Когда ваша кнопка будет готова к дизайну, нажмите «Зарегистрироваться и получить код», чтобы получить код кнопки. После того, как вы создадите кнопки общего доступа, вы можете нажать кнопку «Зарегистрироваться и получить код», чтобы получить код кнопки общего доступа. Скопируйте код из раздела «Установить sharethis.js на вашем сайте ». Затем войдите в свою учетную запись Weebly и введите HTML-код в текстовое поле.

Средний рейтинг пользователей


पटीर

जगदीश

2018-11-09

Awesome Tool

Это помогло мне делать вещи очень быстро

2018-11-15

Отличный виджет!

Отличный инструмент, ShareThis! Спасибо, что изобрели потрясающий продукт для повышения продуктивности увлекательным и интерактивно интересным способом. Сохраняйте импульс! Спасибо!

2019-07-01

Great Tool

Лучшее обслуживание, отличный инструмент, это облегчило мою работу.

2019-09-03

Партнер по маркетингу

Для меня Sharethis — один из моих новых любимых онлайн-инструментов. Создавать кнопки публикации для ваших блогов, целевых страниц и веб-сайтов еще никогда не было так просто! Я 100% рекомендую всем, кто хочет, чтобы их соединение было совместным онлайн. И что еще лучше, это совершенно бесплатно прямо сейчас. 😍

2019-11-29

Awesome tool

Share Buttons

2020-07-17

Helpful application

Действительно, я имел в виду

2020- 07-27

Лучший инструмент для съемников на земле!

Я пробовал много инструментов для обмена от многих разработчиков, но, честно говоря, ShareThis намного лучше и работает безупречно.1. Кнопки выглядят великолепно, просто и чисто, мы можем их настроить. И есть опция 100% ширины, чтобы он реагировал на любой размер экрана. 2. Если вы измените параметры / настройки кнопки в своей учетной записи, кнопка на вашем веб-сайте автоматически обновится. 3. Кнопки не блокируются Adblock, поэтому они увеличивают видимость на вашем сайте. Спасибо ShareThis

2020-10-02

Добавить отзыв / рейтинг

Социальные плагины

Наши плагины и приложения для CMS упрощают интеграцию наших инструментов с вашим сайтом.

Получите кнопки общего доступа

Включите общий доступ в один щелчок, чтобы начать масштабировать трафик вашего сайта сегодня

Как включить кнопки социальных сетей на всех ваших веб-страницах

Один из лучших способов маркетинга — это использование социальных сетей. Использование социальных сетей для продвижения на рынке — мощный способ привлечь клиентов для предприятий любого размера. Предоставление вашим посетителям возможности более простого обмена вашим контентом означает больше посещений, взаимодействия и обмена ссылками со стороны других участников вашей сети.

Что социальные сети могут сделать для вашего сайта?

  1. Привлекает целевых клиентов, потому что контентом делятся сами целевые клиенты
  2. Повышает ваш SEO за счет увеличения социальных сигналов
  3. Позволяет взаимодействовать с клиентами
  4. Создает прочные отношения с клиентами

Как добавить кнопки социальных сетей?

Есть несколько способов добавить кнопки социальных сетей.Решение действительно будет зависеть от того, как построен ваш сайт и на какой платформе он построен. Давайте рассмотрим несколько способов.

Как это работает

По сути, все, что вы действительно делаете для включения этих кнопок, — это просто включаете некоторый HTML-код, который будет отображать кнопку и делать что-то при нажатии.

Один из способов — зайти на каждый веб-сайт социальной сети индивидуально и скопировать их фрагменты HTML-кода для их кнопок социальных сетей, но это очень неудобно, потому что это не только требует много времени, каждая кнопка социальной сети может иметь свой стиль или размер, и вы их не используете. Не хочу, чтобы на вашей странице был такой беспорядок.

Не беспокойтесь, есть много разных способов сделать это!

Кнопки социальных сетей для WordPress

Если вы используете WordPress, самый простой способ — установить плагин для социальных сетей.

Шаги по установке плагина:

  1. Зайдите в админку WordPress , затем Плагины »Добавить новый.
  2. Вы увидите панель поиска в правом верхнем углу страницы, щелкните ее и введите имя подключаемого модуля или функциональность , которую вы хотите.

Для получения более подробных инструкций нажмите здесь

Некоторые рекомендации по плагинам для WordPress:

Оба следующих плагина перечислены в каталоге плагинов WordPress, поэтому вы можете использовать описанный выше метод для их поиска и установки.

Кнопки социальных сетей для WIX

Если вы используете Wix, также очень легко добавить кнопку социальной сети

Шаги для включения кнопок социальных сетей:

  1. Доступ к странице единого сообщения .
  2. Закройте диспетчер блогов и щелкните текст блога.
  3. Щелкните значок Настройки
  4. Прокрутите вниз до Социальные кнопки
  5. Установите или снимите флажки рядом с кнопками социальных сетей, чтобы отобразить или скрыть их:
    • Facebook
    • Твиттер
    • LinkedIn
    • Pinterest
    • Google+
    • Нравится этот пост (добавляет значок сердца с вашим измененным текстом).
  6. Щелкните поля кнопки социальных сетей, чтобы изменить текст в них.

  7. Перетащите ползунок Размер кнопки , чтобы увеличить или уменьшить размер кнопок социальных сетей.

Для получения дополнительных инструкций нажмите здесь

Вот несколько рекомендаций по плагинам для WIX:

Кнопки социальных сетей для Shopfiy

Для пользователей Shopfiy вы можете выполнить один из следующих двух шагов:

Посетите здесь для получения дополнительных инструкций.

Если вы создали свой собственный сайт с нуля

Теперь, если у вас есть собственный веб-сайт, вы можете просто скопировать код и поместить его в свой HTML.Есть много хороших и простых в использовании сторонних веб-сайтов, с которых вы можете получить код. Этот способ лучше, чем переходить на каждую отдельную платформу социальных сетей, копировать, а затем вставлять код обратно на свой веб-сайт. Как упоминалось выше, это приведет к непоследовательному виду кнопок. Кроме того, эти сторонние службы, которые объединяют код, означают, что вам просто нужно перейти в одно место для всех ваших социальных кнопок.

Вот некоторые из них, которые мы рекомендуем:

В конце концов, вам стоит подумать о том, чтобы делиться информацией в социальных сетях было весело.Не думайте об этом как о задаче! Кроме того, дополнительный совет — перед публикацией выберите время, когда люди будут активны в социальных сетях.

Удачного обмена!

Как создать кнопки социальных сетей для каждой крупной сети

Поощрение социальных сетей среди ваших клиентов и поклонников может стать отличным способом расширить ваше присутствие в Интернете. Но никто не будет делиться вашим контентом, если это утомительно.

Забудьте заставлять людей копировать и вставлять ссылки.С помощью простого кода вы можете добавить кнопки социальных сетей, которые позволяют пользователям делиться вашим контентом в Интернете всего за пару кликов.

Содержание

Типы кнопок социальных сетей

Кнопки социальных сетей для Facebook

Кнопки социальных сетей для Instagram

Кнопки социальных сетей для LinkedIn

Кнопки социальных сетей для Twitter

Кнопки социальных сетей для YouTube

Кнопки социальных сетей для Pinterest

Кнопки социальных сетей для Hootsuite

Типы кнопок социальных сетей

Наиболее распространенные типы кнопок социальных сетей предлагают функции «Поделиться», «Мне нравится» и «Подписаться».Каждый из них служит своей цели, и способы их работы в разных сетях несколько различаются. Но каждый тип обычно делает то, что подразумевает его название:

  • Кнопки «Поделиться» позволяют пользователям делиться вашим контентом с друзьями и подписчиками
  • Кнопки «Нравится» позволяют им виртуально поднимать большой палец вверх к вашему контенту
  • Кнопки Follow подпишут их на ваши обновления в указанной социальной сети

Все кнопки социальных сетей в этом сообщении активны, поэтому вы можете взаимодействовать с ними, чтобы точно увидеть, как они работают.Мы создали их, используя инструменты, описанные для каждой социальной сети ниже.

Кнопки социальных сетей для Facebook

Facebook предлагает несколько кнопок социальных сетей: поделиться, подписаться, поставить лайк, сохранить и отправить.

Кнопка Поделиться в Facebook

Как это работает

Неудивительно, что добавление кнопки «Поделиться» в Facebook на ваш сайт позволяет посетителям делиться вашим контентом со своими друзьями и подписчиками на Facebook. Они могут поделиться вашим контентом на своей временной шкале, в группе или даже в личном сообщении с помощью Facebook Messenger.Пользователи также могут добавить свое собственное персонализированное сообщение к общему контенту перед публикацией.

Как добавить кнопку Поделиться в Facebook

Используйте конфигуратор кнопки «Поделиться» Facebook, чтобы создать код кнопки «Поделиться», который можно вставить в HTML-код своего веб-сайта.

Параметры кнопки «Поделиться» в Facebook

Когда вы добавляете на свой сайт кнопку «Поделиться» в Facebook, вы можете выбрать, показывать ли количество раз, когда страница уже была опубликована (как мы это делали на кнопке выше).Если ваша страница получает много репостов в социальных сетях, это число может стать отличным социальным доказательством ценности вашего контента.

Кнопка подписки на Facebook

Как это работает

Кнопка «Follow» позволяет пользователям подписываться на общедоступные обновления с соответствующей страницы Facebook.

Как добавить кнопку подписки на Facebook

Используйте интерфейс кнопки «Follow» на Facebook, чтобы создать код, который можно скопировать и вставить в свой HTML.

Параметры кнопки подписки на Facebook

Вы можете выбрать отображение количества людей, которые уже подписаны на вашу страницу, выбрав параметры «количество ящиков» или «количество кнопок».Для персонализированного социального доказательства вы можете показать посетителям, какие из их существующих друзей в Facebook уже подписаны на вашу страницу, и даже показать лица этих подписчиков, выбрав «стандартный» вариант и щелкнув поле «Показать лица».

Кнопка «Мне нравится» в Facebook

Как это работает

Нажатие кнопки «Мне нравится» на вашем веб-сайте имеет тот же эффект, что и нажатие «Мне нравится» на одном из ваших сообщений в Facebook. Понравившийся контент отображается на временной шкале пользователя в Facebook и может появляться в лентах новостей его друзей.

Как добавить кнопку «Нравится» в Facebook

Перейдите в конфигуратор кнопки «Нравится» Facebook, чтобы создать код для копирования и вставки в свой HTML.

Параметры кнопки «Нравится» в Facebook

Как и в случае с другими кнопками Facebook, вы можете выбрать, сколько раз ваша страница уже получила лайки. Вы также можете предоставить настраиваемую кнопку, показывающую, кому из друзей зрителя на Facebook уже понравилась страница.

Еще одна интересная опция заключается в том, что вы можете выбрать для кнопки «Рекомендовать» вместо «Нравится».”

Кнопка «Сохранить в Facebook»

Как это работает

Кнопка «Сохранить в Facebook» работает так же, как опция «Сохранить» в сообщениях Facebook. Он сохраняет ссылку в личном списке пользователей, чтобы они могли вернуться к ней позже, по сути, добавляя ее в закладки в Facebook и облегчая тем самым делиться ею позже.

Как добавить кнопку «Сохранить в Facebook»

Используйте конфигуратор кнопки «Сохранить» Facebook, чтобы создать код для вставки в HTML.

Кнопка отправки Facebook

Как это работает

Кнопка отправки Facebook позволяет пользователям отправлять контент с вашего веб-сайта напрямую своим друзьям через личное сообщение в Facebook Messenger, что является формой темного обмена в социальных сетях.

Как добавить кнопку отправки в Facebook

Как вы уже догадались — у Facebook есть конфигуратор кнопки отправки, который предоставляет вам код, который нужно вставить в ваш HTML.

Кнопки социальных сетей для Instagram

Instagram не предлагает кнопки «Поделиться» или «Нравится», что имеет смысл, поскольку природа Instagram как мобильной платформы для обмена фотографиями и видео означает, что она не совсем подходит для лайков и обмена веб-контентом.

Вместо этого Instagram предлагал значки, которые можно было использовать для отправки людей со своего веб-сайта прямо в ленту Instagram, но эти значки больше не доступны. Изменения в API Instagram также затруднили сторонним поставщикам создание функциональных кнопок и значков Instagram.

Это означает, что у вас осталось очень мало вариантов с точки зрения кнопок публикации в социальных сетях для Instagram. Но есть одно решение, и оно простое: встроить пост в Instagram.

Помимо фотографии, встроенная запись включает активную кнопку подписки, которая позволяет пользователям следить за вашей учетной записью, не покидая вашего веб-сайта. Вы даже можете опубликовать фотографию в Instagram, которую будете использовать специально для этой цели — своего рода вечнозеленый пост, подчеркивающий ценность вашей учетной записи Instagram.

Или вы можете создать пост в Instagram, который напрямую связан с контентом на определенной странице. Очевидно, вы не захотите делать это на всех своих веб-страницах, но встраивание релевантной фотографии в Instagram может быть отличным вариантом в сообщениях в блогах.

Как встроить пост в Instagram с кнопкой подписки

  1. Перейдите к конкретному сообщению, которое вы хотите встроить, или перейдите в свой профиль Instagram и прокрутите назад, чтобы найти соответствующий вариант
  2. Нажмите на сообщение
  3. Нажмите кнопку «Дополнительно» () в правом нижнем углу.
  4. Выбрать Встроить
  5. Выберите, хотите ли вы включить заголовок, а затем нажмите Копировать код внедрения
  6. Разместите код в своем HTML

Кнопки социальных сетей для LinkedIn

LinkedIn предлагает настраиваемый код JavaScript для кнопок «Поделиться» и «Подписаться».

Кнопка публикации в LinkedIn

Как это работает

Кнопка «Поделиться» в LinkedIn сочетает в себе функции кнопок «Поделиться» и «Отправить» в Facebook. Это позволяет пользователям делиться вашим контентом в LinkedIn несколькими способами — в своем общедоступном профиле, со своими контактами, в группе или в сообщении одному или нескольким лицам. При нажатии на кнопку открывается всплывающее окно, в котором можно добавить личное сообщение к публикации, а также параметры общего доступа.

Как добавить кнопку публикации в LinkedIn

Перейдите к генератору подключаемых модулей LinkedIn share, чтобы создать код JavaScript, который можно вставить в свой HTML.

Параметры кнопки «Поделиться» в LinkedIn

Вы можете выбрать, следует ли показывать, сколько раз вашим контентом уже поделились в LinkedIn.

Кнопка подписки на LinkedIn

Как это работает

Нажатие кнопки «Follow» в LinkedIn позволяет пользователям следить за вашей компанией в LinkedIn, не покидая вашего веб-сайта.

Как добавить кнопку подписки в LinkedIn

Используйте генератор подключаемых модулей компании LinkedIn для создания кода для вставки в HTML.

Параметры кнопки перехода в LinkedIn

Как и в случае с кнопкой «Поделиться» в LinkedIn, вы можете указать количество людей, которые уже подписаны на вашу компанию в LinkedIn, с помощью кнопки «Подписаться».

Но есть и более интересный вариант для изучения. Плагин профиля компании работает так же, как и простая кнопка подписки, но предоставляет больше информации о вашей компании простым наведением мыши. Чтобы попробовать, попробуйте навести указатель мыши на кнопку ниже.

Вы можете создать свой собственный, используя генератор подключаемых модулей профиля компании LinkedIn.

Кнопки социальных сетей для Twitter

В дополнение к стандартным кнопкам «Поделиться» и «Подписаться», Twitter предлагает кнопки для создания твитов с определенным хэштегом или для @-упоминания кого-либо одним щелчком мыши. Также есть кнопка, с помощью которой можно отправить вам личное сообщение в Twitter.

Кнопка Поделиться в Twitter

Как это работает

Когда пользователь нажимает кнопку «Твитнуть», открывается всплывающее окно с твитом, содержащим заголовок страницы и ее URL-адрес, либо вы можете установить собственный URL-адрес.Пользовательский URL-адрес позволяет вам включать параметры UTM, чтобы отслеживать, сколько трафика вы получаете от кнопки «Поделиться» в Twitter. При желании пользователь может добавить текст перед отправкой твита.

Как добавить кнопку Поделиться в Twitter

  1. Перейдите на publish.twitter.com, прокрутите вниз и нажмите Twitter Buttons
  2. Нажмите Кнопка «Поделиться»
  3. Над полем кода нажмите Установите параметры настройки
  4. Введите свои предпочтения для параметров твита и размера кнопки, затем нажмите Обновить
  5. Скопируйте и вставьте предоставленный код в свой HTML

Параметры кнопки «Поделиться» в Twitter

Используя параметры настройки, вы можете выбрать включение хэштега и имени пользователя «через», что гарантирует вам признание в качестве источника вашего отличного контента.Вы также можете предварительно заполнить текст.

Кнопка подписки на Twitter

Как это работает

Кнопка подписки на Twitter не так эффективна, как кнопка подписки на Facebook, так как требует от пользователей двух щелчков мышью. При нажатии на кнопку открывается всплывающее окно с предварительным просмотром вашего профиля Twitter. Пользователь должен снова щелкнуть Follow в этом всплывающем окне, чтобы завершить процесс.

Как добавить кнопку подписки в Twitter

  1. Перейти к публикации.twitter.com, прокрутите вниз и нажмите Кнопки Twitter
  2. Нажмите Кнопка следования
  3. Введите свой дескриптор Twitter, включая символ @ (например, @Hootsuite).
  4. Нажмите Предварительный просмотр
  5. Над полем кода нажмите Установите параметры настройки
  6. Введите свои предпочтения для параметров твита и размера кнопки, затем нажмите Обновить
  7. Скопируйте и вставьте предоставленный код в свой HTML

Параметры кнопки подписки в Twitter

Вы можете выбрать, показывать или скрывать свое имя пользователя на кнопке, и хотите ли вы, чтобы кнопка была маленькой или большой.Вы также можете выбрать язык, на котором будет отображаться ваша кнопка.

Кнопка упоминания Twitter

Как это работает

Когда кто-то нажимает кнопку упоминания Twitter на вашем веб-сайте, появляется всплывающее окно с пустым твитом, начинающимся с @-упоминания вашего имени пользователя. Это может быть отличным способом побудить читателей пообщаться с вашей командой в Твиттере или стимулировать запросы в службу поддержки через сеть.

Как добавить кнопку упоминания в Twitter

  1. Перейти к публикации.twitter.com, прокрутите вниз и нажмите Кнопки Twitter
  2. Нажмите Кнопка упоминания
  3. Введите свой дескриптор Twitter, включая символ @ (например, @Hootsuite).
  4. Нажмите Предварительный просмотр
  5. Над полем кода нажмите Установите параметры настройки
  6. Введите свои предпочтения для параметров твита и размера кнопки, затем нажмите Обновить
  7. Скопируйте и вставьте предоставленный код в свой HTML

Варианты кнопки упоминания в Twitter

Вы можете предварительно заполнить текст в твите, что может быть хорошей идеей, если вы используете кнопку на странице обслуживания клиентов.Вы также можете выбрать, хотите ли вы, чтобы кнопка была большой или маленькой, и язык, на котором будет отображаться текст кнопки.

Кнопка хэштега Twitter

Как это работает
Когда кто-то нажимает кнопку хэштега Twitter на вашем веб-сайте, открывается всплывающее окно с твитом, заполненным выбранным хэштегом. Это отличный способ побудить людей делиться контентом с вашим фирменным хэштегом или мотивировать их участвовать в чате Twitter.

Как добавить кнопку хэштега Twitter

  1. Перейти к публикации.twitter.com, прокрутите вниз и нажмите Кнопки Twitter
  2. Нажмите Кнопка хештега
  3. Введите выбранный хэштег, включая символ # (например, #HootChat)
  4. Нажмите Предварительный просмотр
  5. Над полем кода нажмите Установите параметры настройки
  6. Введите свои предпочтения для параметров твита и размера кнопки, затем нажмите Обновить
  7. Скопируйте и вставьте предоставленный код в свой HTML

Параметры кнопки хэштега Twitter

Как и в случае с кнопкой упоминания, вы можете ввести предварительно заполненный текст, выбрать размер кнопки и указать язык, на котором будет отображаться текст кнопки.Вы также можете включить конкретный URL-адрес, который может хорошо работать, если вы архивируете свои чаты Twitter или собираете пользовательский контент на определенной странице. Вы также можете выбрать целевую страницу, относящуюся к конкретной кампании с хэштегами.

Кнопка сообщения Twitter

Как это работает

Кнопка сообщения Twitter позволяет пользователям отправлять вам личные сообщения в Twitter. Обратите внимание, что эта функция отличается от кнопки отправки в Facebook, которая позволяет пользователям отправлять ваш контент в личном сообщении всем, с кем они связаны.С помощью кнопки сообщения Twitter пользователи могут связываться только с вами, а не с кем-либо еще в Twitter. Хотя это не поможет расширить ваш охват в социальных сетях, это может быть отличным способом побудить людей связаться с вашим отделом обслуживания клиентов и продаж через Twitter.

Кнопка сообщения Twitter будет работать лучше всего, если в вашей учетной записи разрешены прямые сообщения от кого угодно. В противном случае люди, которые не подписаны на вас, не смогут отправлять вам сообщения и в конечном итоге могут разочароваться в вашем бренде.

Как добавить кнопку сообщения Twitter

  1. Войдите в свою учетную запись Twitter
  2. В левом столбце щелкните Конфиденциальность и безопасность
  3. Прокрутите вниз до раздела Личные сообщения и установите флажок рядом с Получать личные сообщения от любого человека
  4. В левом столбце щелкните Ваши данные Twitter. Возможно, вам потребуется ввести пароль для доступа к этому экрану
  5. Выберите и скопируйте свой идентификатор пользователя, который отображается под вашим именем пользователя
  6. Перейти к публикации.twitter.com, прокрутите вниз и нажмите Кнопки Twitter
  7. Нажмите Кнопка сообщения
  8. Введите свое имя пользователя в верхнем поле, включая символ @ (например, @Hootsuite)
  9. Вставьте свой идентификатор пользователя в нижнее поле
  10. Нажмите Предварительный просмотр
  11. Над полем кода нажмите Установите параметры настройки
  12. Введите свои предпочтения для параметров твита и размера кнопки, затем нажмите Обновить
  13. Скопируйте и вставьте предоставленный код в свой HTML

Параметры кнопки сообщения Twitter

Вы можете выбрать предварительное заполнение текста сообщения, что может хорошо работать, если кнопка находится на странице, где люди могут связаться с вами по поводу определенного продукта, проблемы обслуживания клиентов или рекламной акции.Вы также можете выбрать, отображать ли ваше имя пользователя на кнопке, размер кнопки и язык, на котором будет отображаться текст кнопки.

Кнопки социальных сетей для YouTube

YouTube предлагает только одну кнопку социальных сетей, которая позволяет пользователям подписаться на канал YouTube.

Кнопка подписки на YouTube

Как это работает

Как и кнопка подписки в Twitter, кнопка подписки на YouTube требует двух кликов. Во-первых, когда кто-то нажимает на вашу кнопку подписки, ваш канал YouTube открывается в новом окне с окном подтверждения подписки.Затем пользователь должен снова нажать кнопку «Подписаться», чтобы подписка вступила в силу.

Как добавить кнопку подписки на YouTube

Используйте страницу настройки кнопки YouTube, чтобы создать код, который нужно вставить в свой HTML.

Параметры кнопки подписки на YouTube

У вас есть несколько вариантов настройки кнопки подписки на YouTube. У вас есть возможность включить изображение вашего профиля YouTube, темный фон за кнопкой и указать, хотите ли вы отображать существующее количество подписчиков.Как и в случае с другими сетями, выделение существующего большого количества подписчиков может быть отличным сигналом социального доказательства.

Кнопки социальных сетей для Pinterest

Кнопка сохранения Pinterest

Как это работает

Кнопка «Сохранить» в Pinterest эквивалентна кнопке «Поделиться» для других сетей в том смысле, что сохранение вашего контента на доске Pinterest расширяет ваши возможности. Поскольку Pinterest представляет собой платформу на основе изображений для отслеживания информации и идей, она работает немного иначе, чем кнопки общего доступа в других сетях.Вы можете настроить кнопку сохранения Pinterest на своем сайте тремя различными способами:

  1. Наведение изображения : вместо того, чтобы размещать отдельную кнопку Pinterest на вашем веб-сайте, этот параметр создает код, который вызывает кнопку «Закрепить», когда кто-то наводит курсор мыши на любое изображение на вашей странице. Этот вариант наиболее рекомендуется Pinterest.
  2. Любое изображение : с помощью этого параметра вы размещаете кнопку Pinterest на своей веб-странице. Нажатие на нее дает пользователю возможность сохранить любое изображение с вашего сайта на своих досках Pinterest.
  3. Одно изображение : в этом случае кнопка сохранения применяется только к одному изображению на вашей странице. Это самый сложный вариант с точки зрения кодирования.

Как добавить кнопку сохранения в Pinterest — наведение курсора или любой стиль изображения

  1. Перейдите в конструктор виджетов Pinterest и нажмите кнопку «Сохранить»
  2. Выберите, какой тип кнопки вы хотите использовать: изображение при наведении курсора или любое изображение
  3. Выберите желаемые параметры размера и формы кнопки
  4. Наведите указатель мыши на образец изображения для предварительного просмотра кнопки
  5. Скопируйте код кнопки и вставьте его в свой HTML
  6. Для любого варианта изображения скопируйте и вставьте pinit.js из нижней части страницы конструктора виджетов в ваш HTML, прямо над тегом

Как добавить кнопку сохранения в Pinterest — стиль одного изображения

  1. Перейдите в конструктор виджетов Pinterest и нажмите кнопку «Сохранить»
  2. Выберите желаемые параметры размера и формы кнопки
  3. В новом окне браузера перейдите на страницу вашего веб-сайта, где отображается изображение, с которым вы хотите работать.
  4. Скопируйте и вставьте URL этой веб-страницы в поле URL в конструкторе виджетов
  5. На своей веб-странице щелкните правой кнопкой мыши изображение, с которым хотите работать, и выберите Копировать URL-адрес изображения
  6. Вставьте URL-адрес изображения в поле Изображение в конструкторе виджетов
  7. Введите описание изображения в поле Описание в конструкторе виджетов.Оно появится под вашим изображением, когда кто-то сохранит его в Pinterest
  8. .

  9. Щелкните образец Pin It кнопку в конструкторе виджетов, чтобы проверить свою кнопку
  10. Скопируйте код кнопки и вставьте его в свой HTML
  11. Скопируйте и вставьте скрипт pinit.js из нижней части страницы конструктора виджетов в свой HTML, прямо над тегом

Параметры кнопки сохранения Pinterest

Помимо выбора типа кнопки, вы можете настроить ее форму (круглую или прямоугольную), размер (маленький или большой) и язык.Вы также можете выбрать, показывать ли существующее количество пинов для вашего изображения.

Кнопка подписки на Pinterest

Hootsuite

Как это работает

Когда кто-то нажимает кнопку подписки Pinterest на вашем веб-сайте, всплывает окно предварительного просмотра, в котором отображаются ваши последние пины. Затем они нажимают кнопку Follow в этом превью, чтобы подписаться на вашу учетную запись Pinterest.

Как добавить кнопку подписки на Pinterest

  1. Перейдите в конструктор виджетов Pinterest и нажмите Подписаться на
  2. Введите URL своего профиля Pinterest
  3. Введите название вашей компании в том виде, в котором вы хотите, чтобы оно отображалось на кнопке
  4. Скопируйте код кнопки и вставьте его в свой HTML
  5. Скопируйте и вставьте пинит.js из нижней части страницы конструктора виджетов в ваш HTML, прямо над тегом

Pinterest параметры кнопки подписки

Единственный вариант с кнопкой «подписаться на Pinterest» — это отображение названия вашей компании. Вы можете использовать свое имя пользователя Pinterest или полное название компании. В любом случае, придерживайтесь чего-то легкого для понимания пользователей.

Кнопки социальных сетей для Hootsuite

Hootsuite предлагает кнопку социальных сетей, которая позволяет пользователям делиться вашим контентом в любой из сетей, которые они подключили к своей панели инструментов Hootsuite.

Кнопка общего доступа Hootsuite

Как это работает

Когда пользователь нажимает кнопку Hootsuite на вашем веб-сайте, открывается окно с интерфейсом, содержащим ссылку на ваш контент. Пользователь может выбрать, в каких социальных сетях поделиться им: Twitter, Facebook, LinkedIn, Google+ или все вышеперечисленное. Они могут добавить личное сообщение перед тем, как поделиться, и решить, публиковать ли сразу, запланировать публикацию на определенное время в будущем или использовать функцию автоматического планирования Hootsuite.

Как добавить кнопку общего доступа Hootsuite

Перейдите на hootsuite.com/social-share, введите свой URL, скопируйте и вставьте код в свой HTML.

Опции кнопки общего доступа Hootsuite

Вы можете выбрать один из нескольких различных стилей кнопок.

Поднимите свои навыки работы с социальными сетями на новый уровень с помощью бесплатного онлайн-обучения и видео из Hootsuite Academy .

Начало работы

Быстрое добавление кнопок социальных сетей на вашу веб-страницу

Быстрое добавление кнопок социальных сетей на ваши веб-страницы

Социальные сети стали более важными с точки зрения охвата большего числа людей.
Социальные сети имеют большее значение для рейтинга в поисковой системе Google с момента внесения изменений в 2011 году.
Совместное использование социальных сетей может помочь создать обратные ссылки для вашего веб-сайта, чтобы повысить его авторитет.

  • У вас есть много веб-страниц, на которые вы бы хотели добавить кнопки социальных сетей?
  • Эта веб-страница может быстро генерировать код, необходимый для кнопок социальных сетей.
  • Расширьте охват вашего веб-сайта, включив в него социальные круги активных пользователей.

Создатель кода кнопки социальных сетей

  1. Вставьте свой URL-адрес.
  2. Текст Twitter не обязателен. Вы можете включать хэштеги, например #yourtopic
  3. Выберите кнопки социальных сетей, которые вы хотите использовать
  4. Нажмите кнопку Получить код кнопки социальных сетей
  5. Будет создан абзац веб-страницы с вашими значками социальных сетей
Адрес веб-страницы
требуется
Текст Twitter
необязательно
Выравнивание значков Слева, по центру, справа
Размер значка Большой, Маленький

Twitter может принимать ссылку на веб-страницу и дополнительное предложение.

Facebook Linked In Delicious Reddit Twitter

Кнопка соцсетей здесь 900

Вставка кода на вашу веб-страницу

Вставьте код как отдельный абзац.
Местоположение может быть до или после заголовка или внизу статьи.
Убедитесь, что окончательный результат выглядит соответствующим.
Доступно больше кнопок социальных сетей Набор значков социальных сетей
Значки, сохраненные на вашем веб-сайте, могут загружаться немного быстрее.

Домой |
Раздел «Коммунальные услуги» |
Раздел облачных вычислений |
Раздел «Эффективность компьютера»

Связывание значков социальных сетей | Showit Help Center

Чтобы связать значки социальных сетей, сначала найдите эти значки в дизайне своего сайта или добавьте значки социальных сетей в свой дизайн.

Затем откройте страницу / профиль социальной сети, которую вы хотите добавить, на другой вкладке браузера и скопируйте полный URL-адрес социальной страницы.

После копирования URL-адреса выберите значок или элемент, на который хотите добавить ссылку. Выделив элемент, перейдите на вкладку действий по щелчку и выберите действие по щелчку URL типа . Затем вставьте ПОЛНЫЙ URL-адрес социального сайта в поле URL-адреса.

Вот и все! Вы можете использовать эти же инструкции, чтобы связать любой внешний URL-адрес, который посетители вашего сайта могут найти с вашего сайта Showit.

Snapchat

Вы можете создать настраиваемую ссылку на Snapchat, чтобы помочь увеличить число подписчиков Snapchat! Если щелкнуть значок, приложение Snapchat запустится на устройстве пользователя, и у него будет возможность добавить вашу компанию.

Сначала добавьте значок на свой сайт и поместите в действие щелчка URL-адреса:

Чтобы создать настраиваемый URL-адрес, скопируйте его и замените конечный текст своим личным именем пользователя Snapchat: https://www.snapchat.com/add / username-go-here

Убедитесь, что значок установлен только на , показывать на мобильном телефоне , так как этот значок не будет работать так же на настольном компьютере при использовании этой ссылки. Кроме того, снимите флажок Открыть в новом окне , чтобы приложение запускалось прямо с вашего сайта.

Дополнительные статьи справки

Создайте собственное дерево ссылок

Настройте свои сайты Предварительный просмотр общего ресурса

Добавьте параметры обмена в социальных сетях в сообщениях блога

——————- ————————————————— ————————————————— ——

Еще видео ресурсы от нашего невероятного сообщества дизайнеров и пользователей Showit.

Джессика Гингрич

5 лучших способов добавить значки социальных сетей в ваш блог или веб-сайт WordPress — O’Brien Media Ltd

Вы усердно работаете над созданием профессионального веб-сайта с образовательным содержанием.Вы же не хотите, чтобы вас затащили под все остальные сайты в сети. Вот здесь и пригодятся социальные сети. Если вы можете создать клиентскую базу на Facebook или Twitter, они будут получать ваши новости каждый день, и вы всегда будете в курсе. А еще лучше, они могут даже поделиться вашей работой со своей базой подписчиков. Однако вам нужно максимально упростить доступ читателей к вашим аккаунтам в социальных сетях.

Вы можете сделать это, добавив кнопки социальных сетей прямо в свои сообщения. Добавление кнопок социальных сетей позволяет аудитории легко делиться продуктами, услугами или контентом со своими друзьями или семьей в Интернете, тем самым выступая в качестве рекламного инструмента для вас.

1. Добавление кнопок социальных сетей на каждую страницу

Есть два основных способа добавить кнопки социальных сетей на ваш сайт или блог WordPress. Во-первых, вы можете загрузить и установить тему, которая предлагает автоматическое добавление кнопок социальных сетей. Здесь вам просто нужно будет использовать кнопку «Настроить экран» или аналогичную кнопку, а затем добавить правильный URL-адрес во все поля. Во-вторых, вы всегда можете использовать код для добавления кнопок социальных сетей на свой сайт или блог. Для этого вам необходимо иметь надлежащие знания кодирования, чтобы написать код и выполнить его на своем веб-сайте.

2. Добавление кнопок сбоку от каждой стойки

Для добавления кнопок к каждому сообщению вам необходимо загрузить и установить плагин, например WP Social Widget или Social Widget от WPZoom. Эти плагины позволяют добавлять кнопки публикации в социальных сетях слева от каждого сообщения. Такое размещение иконок действительно эффективно, так как они легко доступны и заметны аудитории. Плагин также позволяет настраивать каждый значок и предлагает автоматическое управление размером значков в соответствии с различными размерами экрана.

3. Добавление значков вверху / внизу каждого сообщения

Размещение значков социальных сетей в самом верху каждой страницы привлечет внимание с самого начала, так что все будут их видеть. Для этого вам необходимо скачать и установить плагин, например Social Warfare. Вы можете использовать это, чтобы вставить значки социальных сетей вверху и внизу каждого поста, чтобы позволить аудитории делиться постами. Еще одна особенность этих плагинов заключается в том, что они также предлагают функцию «счетчика публикаций», которая показывает, сколько раз публикация была опубликована ранее.

4. Добавление значков в меню

Вы можете добавить значки социальных сетей в меню с помощью плагина, такого как Social Media Shares. После загрузки и установки вам просто нужно следовать инструкциям и выбрать соответствующие значки из списка доступных опций. Перейдите в «Внешний вид», затем «Меню», затем создайте ссылку на меню и затем добавьте точные URL-адреса всех социальных сайтов, которые вы хотите отображать. Вы также можете добавить кнопки социальных сетей в меню с помощью кодирования и виджетов.

5. Добавление ссылок для общего доступа к изображениям и значкам под видео

Если у вас есть рекламное изображение или видео о вашей компании на вашем веб-сайте или в блоге, вы также можете добавить к ним ссылки и значки социальных сетей. Легко добавляйте ссылки для обмена под каждым видео, чтобы аудитория могла напрямую делиться им со своими кругами общения. С помощью WWM Social Share при наведении курсора на изображение вы можете позволить аудитории находить различные значки социальных сетей в виде всплывающих окон и позволить им делиться изображениями в своих учетных записях в социальных сетях.

Заключение

Веб-сайты социальных сетей стали неотъемлемой частью жизни каждого человека во всем мире, и, таким образом, это действительно прекрасная возможность для блоггеров и бизнесменов использовать их для продвижения товаров, контента и услуг. Благодаря глобальному охвату вы можете легко вывести свой бизнес или блог на совершенно новый уровень, поскольку видимость и продажи увеличатся, а вместе с ним и прибыль.

Добавить кнопки и ссылки социальных сетей

Создание настраиваемых кнопок, которые ссылаются как на ваш веб-сайт, так и на внешние ссылки

Кнопки социальных сетей и ссылок можно настроить для перехода на разные страницы вашего веб-сайта.Их также можно настроить для ссылки на внешние веб-сайты, такие как профили в социальных сетях. Значки также можно настроить.

Добавление кнопок и ссылок социальных сетей

Виджет социальных сетей и ссылок можно найти в разделе «Смарт-объекты». Доступ к смарт-объектам можно получить, нажав кнопку «Изменить» на синей панели вверху страницы и выбрав кнопку «Смарт-объекты» в верхней части боковой панели. Щелкните и перетащите значок, чтобы добавить виджет на страницу.

Добавление и редактирование кнопок

При первом добавлении виджета кнопки по умолчанию будут большими и квадратными.Их внешний вид можно настроить, наведя указатель мыши на объект и нажав кнопку карандаша в верхнем левом углу.

Во всплывающем меню нажмите «Параметры».

В этом окне кнопки можно переключать как круглые или квадратные. Их также можно настроить на большой или маленький размер.

Нажмите кнопку «Назад» в левой части поля, чтобы вернуться в меню. Нажмите «Кнопки», чтобы добавить, отредактировать или удалить кнопки.

Отредактируйте каждую кнопку, щелкнув по ее значку.Вы можете изменить его имя, значок, цвет и цвет фона. Оба определены в шестнадцатеричном триплетном коде. Используйте веб-сайт, например www.colorhexa.com, чтобы сгенерировать код для цвета.

Чтобы создать новую кнопку, нажмите кнопку «+» рядом с существующими кнопками. Чтобы удалить существующую кнопку, выберите ее в строке и нажмите «Удалить эту кнопку» в нижней части окна.

Примеры настраиваемой кнопки социальных сетей

Виджет социальных сетей и ссылок часто включается в дизайн CFS.Например, эти кнопки определяются цветовой схемой веб-сайта.

Цвет и цвет фона определяются тегами мастера дизайна. Если вы измените цветовую схему своего веб-сайта, эти кнопки автоматически будут соответствовать новому дизайну.

Кнопки социальных сетей будут автоматически сгенерированы, если ваши профили будут добавлены в настройках и настройках. Эти кнопки будут отображаться в фирменных цветах, характерных для каждой платформы социальных сетей.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *