Как добавить иконки соц сетей на сайт


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

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

к оглавлению ^

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

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

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

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

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

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

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

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

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

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

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

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

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

к оглавлению ^

Uptolike

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

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

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

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

Поделиться Сделать репост страницы.
Добавить лайки Пользователь имеет возможность поблагодарить автора.
Подписаться Пользователь имеет возможность подписаться на группу Вконтакте.
Поделиться изображением Любой желающий сможет поделиться понравившейся картинкой с сайта.
Опрос При необходимости добавить и провести опрос на сайте.
Добавить рейтинг записей С помощью рейтинга можно увидеть, что нравится читателям а что нет.
Добавить счетчик посещаемости Установить на сайт невидимый счетчик посещаемости.
Плагин для WordPress Кто ленится добавлять код, есть возможность установить плагин.
Плагин для Joomla Плагин для Drupal
Добавить модуль Bitrix

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

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

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

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

Если у вас сайт на 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, попробуйте сделать все ручным методом или с помощью сервиса.

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

Как добавить значки социальных сетей на веб-сайт HTML

  • Виджеты
  • Блог
  • Руководства
  • Войти
  • Зарегистрироваться
  • Виджеты Социальные
    • Facebook Feed Trending
    • Instagram Feed
    • 000 Bestseller
    • Pinterest Feed
    • Иконки социальных сетей
    • Кнопки социальных сетей
    • Twitter Feed
    Video
    • Vimeo Gallery
    • YouTube Gallery Bestseller
    Audio
    • Audio Player New
    • Background Music
    • Podcast Player
    • Radio Отзывы
      • Airbnb Отзывы
      • AliExpress
      • All-in-One Отзывы NEW
      • Amazon Отзывы
      • Apple App Store Отзывы
      • BBB Отзывы
      • Booking Reviews
      • DealerRater Revie ws
      • Edmunds Reviews
      • Etsy Reviews
      • Facebook Reviews Trending
      • G2 Crowd Reviews
      • Отзывы в Google Play
      • Google Reviews Бестселлер
      • Отзывы об отелях
      • Houzz Reviews
      • Отзывы из Instagram4 9000 отзывов
      • Отзывы от Trustpilot
      • Отзывы Slider Trending
      • Yelp Reviews
      • eBay Reviews
      Chats
      • All-in-One Chat Новый
      • Facebook Chat
      • Telegram Chat
      • Viber Chat
      • Best Chat
        • Контактная форма
        • Form Builder
        Электронная коммерция
        • Звонок
        • Таймер обратного отсчета Тенденции
        • Кнопка PayPal
        • Тенденции всплывающих окон
        • Таблица цен 9 0004
        Инструменты
        • Тенденции проверки возраста
        • Наверх
        • Ползунок до и после Новый
        • Согласие на использование файлов cookie
        • Статистика по коронавирусу NEW
      .

      Как добавить значки социальных сетей в Webflow за 2 минуты (2020)

      • Виджеты
      • Блог
      • Учебники
      • Вход в систему
      • Регистрация
      • Виджеты Социальные
        • Facebook Feed Trending 9000sel
        • Instagram Feed
        • Instagram Widget
        • Pinterest Feed
        • Иконки социальных сетей
        • Кнопки социальных сетей
        • Twitter Feed
        Video
        • Vimeo Gallery
        • YouTube Gallery Bestseller
        Audio
        • Audio Player New
        • Background Music
        • Player
        • Radio Player
        Отзывы
        • Airbnb Отзывы
        • AliExpress
        • Отзывы All-in-One NEW
        • Отзывы Amazon
        • Apple App Store Отзывы
        • BBB Отзывы
        • Отзывы о бронировании
        • De alertRater Обзоры
        • Обзоры Edmunds
        • Обзоры Etsy
        • Обзоры Facebook Trending
        • Обзоры G2 Crowd
        • Обзоры в Google Play
        • Обзоры Google Бестселлер
        • Обзоры
        • отелей
        • Обзоры HouzzT
        • отзывов из
        • отзывов из
        • отзывов из
        • TripAdvisor
        • Отзывы от Trustpilot
        • Отзывы Slider Trending
        • Отзывы Yelp
        • Отзывы на eBay
        Чаты
        • Все-в-одном Чат Новый
        • Facebook Chat
        • Чат в Telegram
        • Viber Forms
          • Contact Form
          • Form Builder
          E-commerce
          • Click to Call
          • Таймер обратного отсчета Trending
          • PayPal Button
          • Popup Trending
          90 004
        .

        Добавить пользовательский виджет значков социальных сетей на веб-сайт

        • Виджеты
        • Блог
        • Учебники
        • Авторизоваться
        • Зарегистрироваться
        Иконки социальных сетей Создать виджет
        • Обзор
        • Возможности
        • Примеры
        • Цена
        • Виджеты Социальное
          • Лента Facebook В тренде
          • Лента Instagram Бестселлер
          • Виджет Instagram
          • Лента Pinterest
          • Иконки социальных сетей
          • Кнопки социальных сетей
          • Лента Твиттера
          видео
          • Галерея Vimeo
          • Галерея YouTube Бестселлер
          Аудио
          • Аудиоплеер Новый
          • Фоновая музыка
          • Подкаст плеер
          • Радио плеер
          Отзывы
          • Обзоры Airbnb
          • Обзоры AliExpress
          • Все-в-одном Обзоры НОВАЯ
          • Обзоры Amazon
          • Обзоры в Apple App Store
          • BBB Отзывы
          • Отзывы о бронировании
          • Отзывы DealerRater
          • Эдмундс отзывы
          • Обзоры Etsy
          • Facebook обзоры В тренде
          • G2 Crowd Отзывы
          • Обзоры Google Play
          • Google обзоры Бестселлер
          • Отзывы об отелях
          • Обзоры Houzz
          • Отзывы в Instagram
          • Обзоры OpenTable
          • Отзывы от TripAdvisor
          • Отзывы от Trustpilot
          • Слайдер отзывов В тренде
          • Yelp Отзывы
          • eBay обзоры
          Чаты
          • Все-в-одном чат Новый
          • Facebook чат
          • Telegram чат
          • Viber чат
        .

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

        • Виджеты
        • Блог
        • Учебники
        • Вход в систему
        • Зарегистрироваться
        • Виджеты Социальные сети
          • Лента Facebook Тенденции
          • 9000 Бестселлер
          • Instagram Widget
          • Pinterest Feed
          • Иконки социальных сетей
          • Кнопки социальных сетей
          • Twitter Feed
          Видео
          • Vimeo Gallery
          • YouTube Gallery Bestseller
          Audio
          • Audio Player New
          • Audio Player New
          • Player
          • Radio Player
          Отзывы
          • Airbnb Отзывы
          • AliExpress
          • Отзывы All-in-One NEW
          • Amazon Отзывы
          • Apple App Store Отзывы
          • BBB Отзывы
          • Отзывы о бронировании
          • 9 0003 DealerRater Reviews
          • Edmunds Reviews
          • Etsy Reviews
          • Facebook Обзоры Trending
          • G2 Crowd Reviews
          • Google Play Reviews
          • Google Reviews Bestseller
          • Отзывы об отелях
          • Отзывы Houzz
          • отзывов
          • Open Instagram от TripAdvisor
          • Отзывы от Trustpilot
          • Отзывы Slider Trending
          • Отзывы Yelp
          • Отзывы на eBay
          Чаты
          • Чат All-in-One Новый
          • Facebook Chat
          • Telegram Chat
          • Vibersel Best
          • Vibersel Chat
        .

        Смотрите также

        Поделиться в соц. сетях

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

Оставить комментарий