Как добавить официальные кнопки соцсетей. Кнопки от Pluso
Здравствуйте друзья! Я уверен, что абсолютно каждый владелец своего или блога заинтересован в его раскрутке. 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 уважением, Александр Борисов
Социальные сети отличный инструмент для продвижения своего сайта в интернете. Через соц сети можно настроить колоссальный трафик к своему ресурсу совершенно бесплатно используя распространенный подход - кнопки соц сетей. Кнопки социальных сетей на сайте могут значительно улучшить не только посещаемость, но и взаимоотношения с поисковиками, а соответственно снова же увеличить трафик посетителей.
В этой статье я собрал все возможные способы подключения кнопок социальных сетей для сайта, если вы не найдете нужный именно вам, тогда напишите в комментариях, обязательно добавлю. О каких методах будет рассказано:
Для начала небольшой экскурс в тему, что такое и для чего нужны эти самые кнопки соц сетей для сайта.
Прекрасное видео от сервиса Pluso поможет вам легко выбрать, настроить и внедрить кнопки абсолютно на любой сайт:
На данный момент социальные сети занимают огромную роль в жизни среднестатистического человека. Практически у каждого второго есть хотя бы один профиль в социалках. По этой причине использование возможностей продвижение сайтов в социальных сетях так актуальны, это огромный мир пользователей и покупателей.
Я думаю раз вы читаете это статью, тогда вам известны примерное или точное предназначение кнопок расшаривания на сайте, а значит что мы можем переходить к основной части статьи, а именно добавлением иконок.
Яндекс кнопки соц сетей
Популярный русскоязычный поисковик предоставляет отличную возможность кнопки социальных сетей на сайт от Яндекса . Тут все до боли просто:
Теперь несколько картинок для лучшего понимания, выбираем какие сайты будем использовать:
Подбираем внешний вид, кнопки со счетчиком или без, маленькие или крупные и копируем код для вставки на сайт:
Все предельно просто, это даже проще чем использовать плагины, ну по крайней мере мне так кажется.
Не буду проводить обзор всех возможных сервисов, их суть одна и та же:
- Выбираете соц сети.
- Изменяете внешний вид.
- Копируете код.
- Вставляете у себя на сайт.
Теперь список сервисов:
- 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 настройки, выбор стиля кнопок для социальных сетей.
- Выбираем понравившиеся стиль и сортируем на свое усмотрение наши иконки.
- Настраиваем с какими именно соц. сетями вы хотите взаимодействовать и где соответственно продвигать свой продукт.
- Настройка отступов между иконками.
В этом цикле настроек кнопок для взаимодействия с социальными сетями на сайте WordPress нужно разбираться с каждой кнопкой отдельно, если вам будет это интересно и нужно вы сами разберетесь что к чему.
После того как все настройки были сделаны, мы сможем убедиться в их полезности и функциональности уже на вашем сайте WordPress.
Какой из плагинов использовать выбирать вам, но я рекомендую Jetpack, он часто обновляется и более быстрый в работе.
Добавление каждой кнопки соц сети по отдельности
Твиттер так же предоставляет широкие настройки для кнопок. Ссылка , скрин ниже:
Не многие используют, но может пригодиться и кнопка от мейл ру.
Похоже на Однокласники, с чего бы это 😆 .
Добавление иконок на профили и группы в социальных сетях на сайт
Сейчас я покажу небольшой пример того, как можно добавить иконки на профили в социальных сетях на сайт. Этот способ подойдет не только для WordPress, а и для любого другого сайта.
Итак, что нам нужно:
- Определиться с будущим местонахождением иконок;
- минимальные знания html и CSS, как не крути, а предсказать все варианты, которые могут вам понадобиться я не смогу.
- готовые картинки-иконки соц сетей, скачанные с интернета. Их можно найти очень много используя поиск.
- доступ к файлам шаблона.
Первым делом покажу небольшой код, для 2-х соц сетей, VK и G+, а так же иконку ленты FeedBurner. По аналогии вы можете добавить сколько угодно иконок.
< div class = "head-icon" > < a href = "http://feeds.feedburner.com/yrokiwp" > < img title = "Подписка RSS" alt = "Подписка RSS" src = "//feedburner.google.com/fb/images/pub/feed-icon32x32.png" / > < / a > < / div > < div class = "head-icon" > < img title = "Группа Вконтакте" alt = "Группа Вконтакте" src = " /images/vk.png" / > < / a > < / div > |
В Интернете, вероятно, не осталось сайтов, на которых бы не были размещены кнопки для постинга материалов в социальные сети. Последние давно и прочно заняли место в наших жизнях. Мы там общаемся, знакомимся, раскручиваем бизнес, читаем новости и прочее. Полный спектр. Неудивительно, что веб-мастера стремятся расширить присутствие своих сайтов в соцсетях любыми доступными методами. Ведь там лежат тонны потенциального траффика, который нужен абсолютно всем. Поток посетителей - это деньги, репутация, рост. Всё строится вокруг него. Лакомый кусок.
Соцкнопки необходимы, это очевидно. Вопрос в другом - какие выбрать? Мы для вас протестировали ТОП 5 различных сервисов для добавления кода кнопок на сайты. Цель - выявить оптимальный и показать его в деталях. Начнём с отборочного этапа.
Выбор лучшего сервиса социальных кнопок
Выбор претендентов для сравнения оказался банален - мы взяли самые популярные сервисы , о которых слышал любой человек, сколь-нибудь близко знакомый с темой создания сайтов. Никаких редких, набирающих популярность, только опытные старички.
Состав команды аттестуемых таков:
В результате тестирования выбранных социальных сервисов – лидером оказался uSocial . Теперь вы желаете получить обоснование нашего выбора. Само собой, голословными не останемся.
Особенности кнопок uSocial
Приведем некоторые факты , убедившие нас в правильности принятого решения.
Словесного сравнения многим окажется мало. Поэтому мы составили сравнительную таблицу кнопок от uSocial и остальных дебютантов (используемая шкала оценки - от 1 до 5). Все эти данные получены в процессе тестирования.
Надеемся, проведённый анализ смог развеять ваши сомнения в обоснованности нашего выбора. Помимо приятной внешности социальные кнопки от uSocial носят глубокий прикладной характер, являясь довольно мощным инструментом для продвижения любых проектов.
Инструкция как установить кнопки социальных сетей на сайт
Для размещения социальных кнопочек от uSocial на своём сайте необходимо выполнить несколько простых шагов:
Шаг-1
Шаг-2
Собираем набор социальных кнопок. Можно выбрать отображаемые сервисы социальных сетей, форму и стиль кнопок.
Здесь же можно активировать кнопку "Вверх", включить поддержку мобильных устройств, подключить сервисы Viber, WhatsApp, Telegram, SMS.
После завершения всех операций вводим адрес своего сайта и жмём на кнопку «Получить код» .
Шаг-3
Копируем код скрипта в появившемся окне. Вставлять код нужно на те страницы вашего ресурса, где необходима панель социальных кнопок. Например, в футер перед закрывающим тегом