Нужны ли кнопки «поделиться» социальных сетей

Изображения

Слайд-шоуГалерея слайд-шоуМодальные изображенияЛайтбоксАдаптивная Сетка изображенияСетка изображенияГалерея вкладокОверлей изображенияСлайд с наложенным изображениемМасштабирование наложения изображенияНазвание наложения изображенияЗначок наложения изображенияЭффекты изображенияЧерно-белое изображениеТекст изображенияТекстовые блоки изображенийПрозрачный текст изображенияПолное изображение страницыФорма на картинкеГерой изображениеПараллельные изображенияОкругленные изображенияАватар изображенияАдаптивные образыЦентрировать изображенияМиниатюрыПознакомьтесь с командойЛипкое изображениеОтражение изображенияВстряхните изображениеПортфолио галереяПортфолио с фильтрациейМасштабирование изображенияИзображение увеличительное стеклоПолзунок сравнения изображений

Блок поделиться для сайта с помощью сервиса UptoLike

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


Преимущества сервиса:

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

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

Ставим кнопки поделиться для сайта:

  1. Заходим на сайт uptolike.ru и выполняем простейшую регистрацию.

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

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

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

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

Если сайт адаптивный, то ставим галочку в соответствующем чек-боксе, в противном случае — ненужно.

  1. В конце, после настроек всех пунктов жмем «сгенерировать код».

  1. На выходе копируем получившейся код (нажимаем на него левой кнопкой мыши, таким образом он выделяется и копируем код при помощи комбинации клавиш Ctrl+c).

  1. Чтобы добавить кнопки поделиться в соц сетях для сайта wordpress нужно код вставить в файл Single.php. На некоторых сайтах, как например на моем, нужно вставить в content-single.php.

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

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

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

Я поставил код перед открытием тега footer.

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

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

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

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

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

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

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

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

Меню

Панель значковЗначок менюАккордеонВкладкиВертикальные вкладкиЗаголовки вкладокВкладки полной страницыВверх НавигацияОтзывчивый TopnavПанель поискаИсправлена ​​боковая панельБоковая навигацияПолноэкранная навигацияМеню Off-CanvasНаведение с помощью кнопокМеню горизонтальной прокруткиВертикальное менюНижняя навигацияОтзывчивый снимок NavСсылки на нижнюю границуСсылки справаЦентрированные ссылки менюИсправлено менюСлайд-шоу в прокруткеСкрыть Navbar в прокруткеПрикрепленное NavbarВыпадающие окна HoverНажмите «Раскрывающиеся окна»Раскрытие в ТопнавеРаспространение в СиденеОткроется панель NavbarDropupMega MenuпагинацияПанировочные сухариГруппа кнопокГруппа вертикальных кнопокВажная социальная панельОтзывчивый заголовок

Кнопки «Поделиться»: с изюминкой или без?

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

Именно поэтому за детали готовы платить баснословные деньги.

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

Причина – читатель редко добредает до конца, даже будучи заинтригованным началом. Не гонитесь за фирменным стилем. Представив Facebook в виде зеленого вензеля, вы произведете впечатление, но все же лучше использовать синий цвет и классическую букву F. Иконки для расшаривания должны быть узнаваемыми. Хороший ход – сделать кнопки «залипшими» в одном месте страницы. Прокручивая текст, читатель всегда будет помнить, что этой информацией можно быстро поделиться. Имеет смысл предоставить читателю более широкие возможности для репостов, чем кнопки четырех главных социальных сетей (Facebook, Вконтакте, Google+ и Твиттер), которые дают всего 50-60% откликов

Внимание: не настолько широкие панели, чтобы пользователь пришел в замешательство.

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

Готовые решения: конструкторы кнопок «Поделиться»

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

Познакомимся с программами, которые работают честно.

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

Кнопки «Поделиться» от Яндекс

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

Сервис социальных кнопок uSocial


Конструктор uSocial – свежий взгляд на кнопки для расшаривания. Даже беглый взгляд на возможности сервиса сразу замечает преимущества. Порядок иконок можно менять, дизайн и форму – выбирать. Хочешь – квадрат, хочешь – круг, а хочешь – квадрат с закругленными углами. Благодаря конструктору meta-данных вид отображения репоста в сетях можно настраивать. Еще больше «прелестей» – в платной версии PRO.

Конструктор кнопок «Поделиться» Pluso

Создатели конструктора Pluso утверждают, кнопки соцсетей помогают увеличить аудиторию на 5-20%. После таких заявлений хочется приступить к конструированию немедленно. Все и даже больше для этого на сервисе имеется. Кнопки можно подбирать по размеру, форме, расположению, стилю и тд. В личном кабинете доступна подробная статистика о расшаривании. На сайте имеется подробный FAQ по всем вопросам и инструкции для WordPress, Joomla и Drupal. Плюсуем – хороший и удобный конструктор.

Модуль социальных кнопок UpToLike

Разработчики конструктора UpToLike еще более красноречивы в своей статистике. Кнопки соцсетей, по их мнению, увеличивают аудиторию до 30% и более. Убедиться в этом можно совершенно бесплатно. Задаете модулю параметры (ориентацию, расположение, размер, форму, цвет, стиль), копируете код и вставляете на сайт. Кстати, эффект при наведении на кнопку конструктор предлагает за просто так (в отличие от uSocial). Из других преимуществ – возможность поделиться цитатой.

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

В финале разговора свяжем веб-ресурс с социальными сетями на частном примере. Эксперимент проведем на платформе WordPress, а помощником выберем uSocial (встроенный конструктор meta-данных нас покорил).

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

ВИДЕО ИНСТРУКЦИЯ

Код кнопок «Поделиться в соцсетях»

<div>
<a rel="nofollow" target="_blank" href="http://vkontakte.ru/share.php?url=<?php the_permalink(); ?>"><img src="https://foxyforex.ru/wp-content/uploads/2015/10/VKcrystal.png" width="80" height="80" title="Поделиться В Контакте"></a>
<a rel="nofollow" target="_blank" href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=<?php the_permalink(); ?>&title=<?php the_title(); ?>"><img src="https://foxyforex.ru/wp-content/uploads/2015/10/ODcrystal.png" width="80" height="80" title="В Одноклассники"></a>
<a rel="nofollow" target="_blank" href="http://connect.mail.ru/share?share_url=<?php the_permalink(); ?>"><img src="https://foxyforex.ru/wp-content/uploads/2015/10/MRcrystal.png" width="80" height="80" title="Поделиться в Mail.ru"></a>
<a rel="nofollow" target="_blank" href="https://twitter.com/intent/tweet?text=RT <?php the_title(); ?>: <?php the_permalink(); ?>" title="Добавить в Twitter"><img src="https://foxyforex.ru/wp-content/uploads/2015/10/TWcrystal.png" alt="Опубликовать в.twitter.com" width="80" height="80"></a> 
<a rel="nofollow" target="_blank" href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>"><img src="https://foxyforex.ru/wp-content/uploads/2015/10/FBcrystal.png" width="80" height="80" title="Поделиться в Facebook"></a>
<a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/foxyforexru"> <img src="https://foxyforex.ru/wp-content/uploads/2015/10/RSScrystal.png" width="80" height="80" title="Подписаться!"></a></div>

Кнопки можно менять местами. Достаточно поменять местами их коды.

Что формирует код кнопки?

<a rel= «nofollow» target=«_blank» href=«http://…»> — ссылка на соцсеть. Свойство target=«blank» открывает ссылку в новом окне, чтобы посетители не уходили с сайта.

<img src=«http://…» width=«80» height=«80» title=«Поделиться в …»> — ссылка на иконку соцсети.

Получить адрес ссылок на иконки можно, загрузив картинки по одной на сайт. Ссылка должна иметь примерно такой вид http://название сайта/wp-content/uploads/…/…/iconka.png (или jpeg).

width=«80» height=«80» – ширина и высота картинки. Картинки квадратные, поэтому пропорцию лучше не менять, но можно вместо 80 поставить, скажем, 30.

Title=«Поделиться в …» – отвечает за всплывающую подсказку.

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

Код вертикально расположенных кнопок:

<div class="sharebuttons"> Код кнопки 1 </div>
<div class="sharebuttons"> Код кнопки 2 </div>
<div class="sharebuttons"> Код кнопки 3 </div>

Код для таблицы стиля style.css:

.sharebuttons {
        float: left;
        margin: 0px 20px 20px 0px;
}

Что означают отдельные элементы этого кода?

<div class=»sharebuttons»> — отсылает к правилам форматирования в файле style.css.

float: left – расположение слева. Чтобы было справа напишите float: right

margin: 0px 20px 20px 0px – отступы между кнопками и от кнопочек до элементов снизу. Значения предполагают направления – верх, право, низ, лево. Можно изменить значения своими.

Как добавить/установить кнопки соцсетей на сайт WordPress без плагина?

Зайдите на страницу конструктора блока Поделиться — https://tech.yandex.ru/share/. Выберите сервисы социальных сетей (их довольно много), иконки которых будут отображаться на вашем веб-ресурсе и внешний вид блока:


Затем, копируете код и заходите в админпанели Внешний вид — Редактор тем. Открываете файл Отдельная запись (single.php) или в зависимости от вашей темы файл loop-single.php, content.php. Находим строчку <?php the_content(); ?> или похожею на неё и чуть ниже вставляем код соцкнопок. Обновляем файл. Кнопки будут расположены под каждым сообщением. Если не получается, то можно ориентироваться на код <?php comments_template(); ?> (форма комментариев) в файле Одна запись. Выше данной строчки добавляем скрипт соцкнопок.

Для того, чтобы иконки кнопок выравнять по центру, то оберните скрипт в теги <center>….</center>. Получится вот так:

Блок Поделиться после статьи

Таким же методом, можно добавить после статьи код рекламы РСЯ, ADSENSE или Рекомедуемый контент адсенсе

Обратите внимание что, после обновления вашей темы вам придётся вставлять код кнопок заново. Если у вас, друзья, не получается вывести блок кнопок на станицах записей, то советую воспользоваться плагином автоматического вывода блока «Яндекс.Поделиться» в WordPress

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

Конструктор кнопок соцсетей для сайта

Читайте о Рамблер / лайки здесь.

Плагин Easy Yandex Share

Вы можете настроить и добавить блок Поделиться на свой сайт с помощью Yandex Share.

Плагин Яндекс. Поделиться

Установка плагина стандартная, через админку. Плагины — Добавить новый. В поле поиска вводим Easy Yandex Share, устанавливаем и активируем. А далее переходим к его настройке. Продвинутый вывод блока Яндекс.Поделиться с кучей дополнительных настроек. 

Настройки плагина Easy Yandex Share

После того, как вы активируйте плагин в разделе Настройки появится новый пункт — Easy Yandex Share. Нажимаете на него и приступаете к настройкам блока Поделится в соцсетях. Модуль на русском языке, всё будет вам понятно. Здесь, больше настроек, чем в конструкторе Яндекс:

Настройки плагина Easy Yandex Share

Также выбираете соцсети (есть предпросмотр), внешний вид. Вывод блока соцкнопок до или после записи. Даже возможен вывод иконок соцсетей вертикально. Ещё хорошо — надпись к кнопкам можно свою написать. Так выглядит блок после статьи:

Блок Поделиться Яндекс после записи

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

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

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

  • Зайдите на сайт Share42.
  • В пункте 1 из трёх представленных вариантов выберите размер иконок, который вам необходим.

 Выберите нужный размер иконок кнопок

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

 Выберите социальные сети, которые вам нужны

Обратите внимание, что кнопки, которые поддерживают счётчик (подсчёт и показ количества лайков), отмеченный оранжевой точкой.

Переходим ко второму пункту. Здесь нас интересует строка «Тип панели с иконками» — необходимо выбрать горизонтальное или вертикальное положение на сайте. Остальное можно оставить по умолчанию.

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

Если в социальных иконках вы выбрали кнопку «RSS», то вам также нужно указать ссылку на ленту новостей в соответствующей строке.

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

Также можно убрать галочку с опции «Добавить иконку сайта Share42.com», если вы не хотите рекламировать этот сервис.

  • Переходим к пункту 4, собственно, к установке кнопок на сайт. Подключаемся к сайту с помощью FTP и закачиваем куда-нибудь (лучше в корневой каталог) распакованную ранее папку Share42 со всем её содержимым. В подпункте 3 пункта 4 указываем путь до этой папки на сайте. Если вы оставили папку с названием «Share42» и закачали её в корневой каталог, то просто укажите там https://example.ru/share42/ (где example.ru – это адрес вашего сайта).
  • В подпункте 4 пункта 4 выберите WordPress (если у вас другая CMS, то выберите свою).
  • Возьмите код из подпункта 5 пункта 4 и поместите его в файл своего шаблона, туда, где необходимо вывести кнопки социальных сетей.

Стоит ли размещать ссылку с превью в социальных сетях

Сниппет — это блок с информацией, который автоматически создаётся при копировании ссылки в окно создания записи.

В любой соцсети в сниппет подтягивается заголовок страницы и заданная картинка: получается гигантская кнопка

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

Плюсы ссылки с превью

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

Для этого нужно выполнить два условия:

  1. Поставить микроразметку страниц на сайте.
  2. Правильно оформить пост.

Микроразметка подсказывает социальной сети, какую картинку и заголовок на странице сайта выбрать для сниппета. Именно от неё зависит, как будет выглядеть сниппет. Для соцсетей используют тип разметки Open Graph.

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

Например, на сайте Bourjois не поставлен Open Graph и не прописаны метатеги, поэтому сниппет автоматически подтягивает маленькую картинку логотипа


А ещё пользователь не кликнет на картинку, если остальные элементы поста будут отвлекать его. Чтобы получить большее количество переходов по сниппету, нужно:

  • не писать много текста;
  • не злоупотреблять эмоджи;
  • соблюдать правило: один пост — один призыв к действию.

Пример хорошего оформления

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

Минусы ссылки с превью

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

Так выглядит запись с кнопкой

Для такой записи есть ограничения в оформлении:

  • изображение (537×240 пикселей);
  • заголовок для сниппета (до 80 символов);
  • текстовый блок длиной до 220 символов, не более 2 переносов строк;
  • не больше 6 смайликов в тексте.

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

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

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

Нарисуйте иконки одинакового размера, расположив их в одном файле в один горизонтальный ряд (вроде того, что ниже). Изображение сохраните в формате .png. и назовите его icons.

 Вот так нужно нарисовать кастомные иконки

  • Загрузите ваше изображение иконок вместо того, что присутствует в папке скрипте (которую мы выше сохранили в корневой каталог).
  • Если размер ваших иконок отличается от того, что была задана скриптом, то отредактируйте скрипт. Откройте его (файл скрипта share42.js) через текстовый редактор (например, NotePad++), и измените следующий фрагмент кода:

Здесь XXpx – это ширина ваших иконок в пикселях, а YYpx – их высота. Также измените ширину обрезки иконок, равную параметру width, то есть тоже XX. При необходимости вы можете покрутить параметр margin, чтобы настроить отступы иконок.

Сохраните изменения в крипте, и проверьте, как выглядят ваши новые иконки.

SEO оптимизацияSEO плагиныWordPressАнализ сайтаДоменЗащита сайтаНаполнение сайта контентомНастройка сайтаПлагины для дизайнаПлагины для записейПлагины для юзабилитиПоисковые системыПолезные сервисы и программыСистемные плагиныСоздание сайтаТемы WordPressТехническая оптимизацияХостингЯндекс

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

Готовые наборы иконок соцсетей

Выкладываю 5 наборов иконок соцсетей. В каждом наборе кнопки Вконтакте, Одноклассники, Мейл.ру, Твиттер, Фейсбук и кнопка подписки RSS. Впрочем, вы можете использовать и любые другие картинки.

«Простые кнопочки соцсетей»

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

Возможно вас еще заинтересует:

  • «Как удалить лишние заголовки из шаблона?»
  • «Как красиво оформить заголовки на сайте?»
  • «Как красиво оформить списки на сайте?»

Вместе с этим читают

Как красиво оформить заголовки на сайте? Готовые стили заголовков

Настройка плагина All In One SEO Pack

Регистрация домена и установка WordPress

Как создать сайт самому с нуля?

Постраничная навигация сайта с плагином WP-PageNavi

Как сделать содержание (оглавление, меню) для статьи на сайте?

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

Доказано, что Twitter ― самая эффективная социальная сеть с точки зрения ускорения индексации сайта

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

Резюме

Обратные ссылки ― важный показатель SEO, который может как отправить ваш сайт «на отдых» в Минусинск под ручку с Google-Пингвином, так и постелить ковровую дорожку в ТОП. Социальные ссылки не нанесут сайту вреда, а помогают разнообразить ссылочный профиль, а также дают дополнительные переходы заинтересованных пользователей.

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

Просмотры: 16 161

Репосты в социальные сети с помощью api

Каждая популярная соц.сеть имеет свои апи, используя которые, можно самостоятельно реализовать функционал репостов, без применения готовых решений – виджетов. В этой статье будет описано только пять кнопок репостов для самых распространенных социальных сетей. Api очень простые и использовать их можно без каких-либо предварительных регистраций или запросов в поддержку. Все, что из себя представляют апи, это обычные ссылки с get-параметрами, в которых можно передавать адрес страницы сайта и дополнительную информацию для репоста(заголовок, описание и тд). Но в данном случае будет достаточно только одного параметра – ссылка на страницу. Остальные данные будут передаваться немного другим образом, об этом чуток позже. Ниже приведены пять ссылок на api каждой их соц.сети:

 https://vk.com/share.php?url=адрес_страницы
 https://www.facebook.com/sharer/sharer.php?u=адрес_страницы
 https://connect.ok.ru/offer?url=адрес_страницы
 https://twitter.com/intent/tweet?url=адрес_страницы
Google plus: https://plus.google.com/share?url=адрес_страницы

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


С этим читают