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

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

В этом обзоре мы рассмотрим 3 плагина социальных кнопок, написанных именно под WordPress. Это Socialize It!, WP Social Buttons и UpToLike.

UpToLike

Начнём с UpToLike как с самого свежего из нашего ряда (на сайте WordPress.org полное название данного плагина — Uptolike Social Share Buttons).

Скачиваем данный плагин и загружаем на сайт. После установки начинаем конструировать социальные кнопки. Здесь можно выбирать из 25 социальных сетей + присутствуют кнопки «В закладки», «На печать», «По почте», кнопка «Наверх». Возможно, первые три будут очень полезны, чтобы увеличивать количество возвратов посетителей на сайт, рекомендую это проверить.

Также обратите самое пристальное внимание на дополнительные возможности UpToLike: Цитирование и Following.

Цитирование работает так: допустим, человек хочет расшарить какой-то материал и хотел бы не просто кинуть ссылку в соцсеть, но сопроводить её «умной фразой». Он может выделить понравившуюся ему цитату из текста – и Система предложит ему выполнить шаринг именно с использованием этой цитаты. Очень удобно, для «ленивых» пользователей.

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

Вернёмся к кнопкам социальных сетей: что здесь можно конструировать? Здесь можно конструировать всё! Бесконечное количество вариантов стилей кнопок, разные варианты их расположения на странице, различный состав кнопок, дополнительные эффекты кнопок (увеличение при наведении, вращение по часовой стрелке).

Теперь пару слов о статистике социальной активности, которую собирает UpToLike. Что это за информация?

Во-первых, вы реально понимаете: что конкретно дают вам социальные действия пользователей на вашем сайте. Одни должны давать только одно, по сути: свежий трафик. На скрин-шоте мы видим, что 14 социальных действий за неделю привели на сайт почти 700 новых пользователей. Это хороший результат!

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

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

По-своему интересен и удобен плагин Socialize It: он прост и имеет много кнопок (в том числе Вконтакте и Я.ру, хотя Я.ру уже неактуален).

Настройка плагина «Socialize It!»

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

Настройка плагина «WP Social Buttons»

Плагин, который называется в переводе на русский «Wordpress кнопки социальных сетей», имеет интересные настройки. В разделе «Share Buttons» в консоли можно отредактировать текст и расположение его на страницах. Также можно подобрать размер и дизайн кнопок. А поставив галочки возле названий популярных социальных сетей, отобрать наиболее полезные вам кнопки. Для того, чтобы они не сливались по цветам, можно поменять их местами благодаря «Сортировке».

Также этот плагин позволяет зарегистрировать API-ID для счетчика лайков в Фейсбуке и Вконтакте. Это делается в колонке «Like настройки».

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

Добрый вечер, друзья. Эта статья будет полезна новичкам в блогинге. Речь пойдет о плагине социальных кнопок для WordPress — Juiz Social Post Sharer. Многие из вас знают, что плагин, по возможности, лучше заменять кодом, чтобы не тормозить работу блога. Но многие новички, которые далеки от IT, боятся лезть в код. Именно для вас это решение.

Вот что в итоге получилось у меня:

Чем лучше плагин Juiz Social Post Sharer?

Как известно, одно из преимуществ WordPress в огромном количестве всевозможных плагинов для него. В случае с кнопками социальных сетей выбор так же большой. Объясню почему я выбрал именно Juiz Social Post Sharer:

• На русском языке (для новичков самое то);
• Бесплатный;
• Установлен более 10000 раз, не каждый конкурент похвастается такими цифрами;
• Простая настройка;
• Средняя оценка — 4.5/5.

Установка и настройка

Вбиваем название «Juiz Social Post Sharer» в поиске плагинов в админке. Так он выглядит:

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

Гибкие настройки места вывода:

• Сверху статьи;
• Снизу;
• Сверху и снизу;
• Использовать только shortcode.

В следующем разделе выбираем:

• Выводить только иконки или названия соц. сетей (нет);
• Открывать ссылки в новом окне (нет);
• Поиск всех изображений на странице (нет);
• Показывать кол-во лайков (по желанию. Я убрал);

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

Выводим кнопки с помощью shortcode

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

Вставляем. Сохраняем. Проверяем наш текст.

Такая возможность — еще один плюс плагина «Social Post Sharer». За счет этого он выделяется на фоне остальных конкурентов.

Теперь вашими материалами смогут легко делиться в соц. сетях, а это даст хороший приток читателей и социальный сигналы для поисковиков. Осталось дело за малым — научиться писать интересные тексты)

Удачи в ваших начинаниях!

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

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

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

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

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

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

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

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

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

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

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

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

Теперь список сервисов:

• 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. По аналогии вы можете добавить сколько угодно иконок.

< 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 >

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

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

Плагин Social Icons Widget by WPZOOM позволяет добавлять на ваш сайт практически любые иконки, причем не только относящиеся к социальным сетям. Давайте более подробно рассмотрим, что из себя представляет этот замечательный плагин.

Установка

Здесь всё как обычно - заходим в админку, переходим на страницу Плагины > Добавить новый , в поиск вставляем предварительно скопированное название интересующего нас плагина социальных кнопок, а именно Social Icons Widget by WPZOOM. Далее нажимаем Установить , а затем Активировать .

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

После того, как плагин был активизирован, можно перейти в Внешний вид > Виджеты . Дальше всё будет зависит от используемой вами темы. В данном случае у меня базовая Twenty Seventeen , в которой предусмотрены 3 варианта размещения виджетов — sidebar (он же боковая колонка), подвал 1 и подвал 2.

Первым делом в списке виджетов (который слева) находим наш плагин социальных кнопок Social Icons by WPZOOM. Нажимаем на него и получаем выпадающий список с перечнем блоков, в которых мы можем разместить эти кнопки. Как только определитесь - нажимайте кнопку Добавить виджет . После этого он появится в одном из блоков справа, а далее можно заняться внимательным изучением предлагаемых опций данного замечательного виджета, нажав на стрелочку справа от его названия.

Настройка виджета

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

Далее у нас идёт Описание (Description) - короткое описание, которое будет выводится над иконками, можно использовать HTML. Если честно, у меня никогда не возникало необходимости выводить какой-либо текст над иконками, так что я обычно оставляю пустым это поле.

Следующие два пункта как бы интересуются хотите ли вы показывать подписи к иконкам (Show icon labels?) и открывать ли ссылки в новых вкладках (Open links in new tab?). Первый пункт по умолчанию отключен, а второй как раз наоборот (что, в общем-то, и понятно). Если же поставить галочку рядом с пунктом «Show icon labels?», то под иконками ниже появятся поля с подписями, которые можно редактировать:

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

Едем дальше. Стиль иконок (Icon Style). Тоже очень удобно - иконки можно сделать максимально приближенными по стилю к вашему сайту. Этот плагин социальных кнопок предлагает 2 варианта: цветной фон и белый значок или же цветной значок и прозрачный фон. Первый вариант лично я нахожу более интересным, так как в этом случае можно будет воспользоваться следующей опцией, а именно Стиль фона иконки (Icon Background Style). Здесь уже три варианта: скруглённые углы, круг или квадрат.

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

Редактируем иконки

По умолчанию в виджете есть иконки для Facebook, Twitter и Instagram. Можно их оставить, можно удалить, а можно отредактировать - как сами иконки, так и ссылку, на которую они ведут. Чтобы добавить новую иконку нужно нажать кнопку Add more (Добавить ещё). Под кнопкой мелким шрифтом написано, что для того, чтобы добавить иконку с адресом электронной почты, необходимо использовать формат mailto:[email protected] .

Итак, допустим вы решили удалить имеющиеся иконки и добавить те, которые вам нужны. Для начала нажимаем значок мусорного бака справа от каждого поля для ссылки, а затем нажимаем кнопку Add more .

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

Здесь можно выбрать цвет иконки, а также набор иконок, который будет удовлетворять вашим потребностям. Нам предлагают следующие наборы: Socicons, Dashicons, Genericons и даже Font Awesome. Когда дело касается социальных иконок, то лично я использую набор Socicons, так как в нём есть действительно большой выбор иконок разнообразных социальных сетей, таких как Одноклассники, Вконтакте, Facebook, 500px, Vimeo, Youtube, Behance, LinkedIn, Google+, Pinterest, а также значки Drupal, WordPress, Windows, Xbox, Wikipedia, Apple, Android и много других. В общем очень удобной набор.

А так - выбирайте любой понравившийся набор или же комбинируйте все и наслаждайтесь.

Выбрав цвет и иконку нажмите Save (Сохранить) и она появится в виджете. Потом опять нажмите кнопку Add more и повторяйте процедуру пока не добавите все нужные иконки. После чего важно не забыть нажать кнопку Сохранить на самом виджете и всё, иконки социальных сетей появятся на вашем сайте.

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

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

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

Из статьи вы узнаете (можно перейти к нужному разделу):

Принцип работы социальных кнопок

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

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

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

Немного истории

Те социальные кнопки, которые мы видим сейчас – Facebook, Vkontakte, Google+ и т.д. не были первыми. Несколько лет назад подобные кнопки были популярны для различных сервисов закладок, наподобие bobrdobr или memori.

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

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

Вы можете забрать к себе часть этого трафика.

Способы установки социальных кнопок на WordPress

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

1. Ручная вставка кодов

Преимущество данного метода – все скрипты “прозрачны” и лежат на вашем сайте, а не подгружаются откуда-то еще.

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

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

Открывайте сайт – share42.com

Генератор сразу размещен на главной и нам предстоит настроить внешний вид.

Настройка скрипта Share24

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

Скачиваем скрипт и заливаем на хостинг

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

Далее, скачиваем папку с файлами скрипта и размещаем ее на своем хостинге через файловый менеджер хостинга или с помощью какого либо клиента, типа Filezilla или Total Commander. В инструкции об этом написано:

Вывод кнопок на страницы

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

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

Если вы выбрали вертикальную модель с плавающими кнопками, то код лучше всего вставить в подвал сайта (в WordPress это файл footer.php) прямо перед закрывающим тегом body.

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

После сохранения все должно заработать.

Я раньше использовал сервис UptoLike для вывода кнопок (ниже я о нем расскажу), но он постоянно обращался к посторонним сайтам, так как скрипты и файлы лежали там, из-за чего социальные кнопки долго загружались – что тормозило всю страницу. Когда поставил этот код, увеличилась скорость загрузки сайта, вместо 3,6 с стало 2,7 с – экономия почти в секунду – это весомая причина перейти на share42.

2. Плагины социальных кнопок для WordPress

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

Плагин Social Share Buttons

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

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

После установки и активации плагина (как установить плагин ) в админке wordpress появится вот такая кнопка:

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

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

Из значимых пунктов в этом разделе можно выделить следующие:

1. Генерация мета данных

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

2. Позиция кнопок соц. Сетей

Тоже все понятно. Указываем отображение кнопок перед или после поста. Кроме того, настраиваем их горизонтальное размещение справа, слева или посередине.

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

3. Твиттер-аккаунт

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

Для этой страницы все, про логотип я не рассказываю, ибо, считаю это лишним.

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

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

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

На этом настройка плагина Social Share Buttons закончена. После всех действий, выглядеть они будут примерно так:

Теперь переходим к последнему варианту размещения социальных кнопок wordpress.

3. Сервис для интеграции с социальными сетями UpToLike

*UpToLike работает не только на WordPress, можно прикрутить к любому сайту.

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

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

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

Ну и в дополнение, мое субъективное мнение. Кнопки от UpToLike удобнее и лучше вписываются в любой дизайн сайта.

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

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

В окошко необходимо вписать адрес вашего сайта.

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

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

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

Расположение – тут есть несколько вариантов. Принципиально они разделены на две группы – либо кнопки встроены внутрь основной части сайта (первых 2 пункта), либо они привязываются к краю экрана и плавно перемещаются вместе с прокруткой страницы (последующие 4 пункта). Мне лично понравился вариант с привязкой к краю экрана и выбрал пункт «Слева». Не забывайте смотреть на правую часть, где на примере показывается расположение.

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

Дополнительные возможности – цитирование дополняет ссылку на страницу ее описанием; following – включение этого параметра позволяет выводить окно с приглашением вступить в вашу группу или стать другом каждому, кто нажмет кнопку (потребуются дополнительные настройки).

Выбор социальных сетей

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

Настройка стилей

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

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

Настройки Follow

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

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

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

Что касается настройки проект – это все. Теперь необходимо добавить кнопки на сайт.

Вставка кода на сайт

В верхней части сайта UpToLike вы найдете специальную кнопку «Получить код». Жмете ее и копируете код из всплывшего окошка.

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

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

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

На сегодня у меня все, хорошего вам трафика.

Успехов, Дмитрий Жилин