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

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

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

Для начала небольшой экскурс в тему, что такое и для чего нужны эти самые кнопки соц сетей для сайта.
Прекрасное видео от сервиса 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 >

Думаю, сейчас уже все вебмастера уяснили, что социальные кнопки на сайте – это 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. Поэтому я стала искать плагин социальных кнопок для 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:mail@example.com .

Итак, допустим вы решили удалить имеющиеся иконки и добавить те, которые вам нужны. Для начала нажимаем значок мусорного бака справа от каждого поля для ссылки, а затем нажимаем кнопку 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 и повторяйте процедуру пока не добавите все нужные иконки. После чего важно не забыть нажать кнопку Сохранить на самом виджете и всё, иконки социальных сетей появятся на вашем сайте.

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

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

This social plugin makes placing social share icons on your site REALLY easy.

This free plugin has a lot to offer. Even more can be found in the Premium Plugin, please watch this short video:

Key features of the free plugin:

The plugin takes you through eight easy-to-answer questions so that configuring your social share icons becomes a no-brainer:

Question 1: Which social share buttons do you want to display?

Вы можете выбрать следующее:

You can also upload custom social share buttons of your choice.

In case of issues or questions please ask in the (https://wordpress.org/support/plugin/ultimate-social-media-plus).

Скриншоты

Установка

Распакуйте файл ZIP и переместите его содержимое в папку wp-content/plugins/ вашей инсталляции WordPress. Затем активируйте плагин на странице с плагинами.

Затем зайдите в настройки плагина и ответьте на первые 3 вопроса. Вот и всё.

Примечание: Этот плагин требует активированного/установленного CURL на вашем сервере (как правило, он установлен по умолчанию). Если его нет, обратитесь к провайдеру вашего хостинга.

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

Пожалуйста, ознакомтесь также с более развётнутым файлом ЧАВО по ссылке http://ultimatelysocial.com/faq

Мы постараемся регулярно обновлять эту часть ЧАВО, но не забывайте, что самая актуальная версия ЧАВО всегда доступна на http://ultimatelysocial.com/faq

I face fundamental issues (the plugin doesn’t load, social share buttons don’t show etc.)

Пожалуйста удостоверьтесь, что:

• Вы используете последнюю версию плагина(-ов)
• Ваш сайт работает на PHP 5.4 или выше
• У вас активирован CURL (должен быть активирован по умолчанию)

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

Please check if you have browser extensions activated which may conflict with the social share buttons. Known culprits include:

• Open SEO Stats (Раньше: PageRank Status) в Chrome
• Adblock Plus в Chrome
• Vine в Chrome

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

Если после обновления область настроек плагина выглядит ‘странно’, пожалуйста, очистите кэш нажав CTRL+F5 (ПК) или Command+R (Мак).

Если вы видите сообщение об ошибке «Вы уверены, что хотите сделать это? / Пожалуйста, попробуйте ещё раз», когда загружаете плагин: Некоторые сервера ограничивают количество загрузок. Пожалуйста, установите значения в файле “php.ini”:

макс_время_выполнения 90
макс_размер_поста 48М

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

Если несмотря на выполнение всех вышеуказанных рекомендаций, ваша проблема осталась нерешённой, мы можем предоставить техническую поддержку в рамках акции к выходу премиум-версии плагина: https://www.ultimatelysocial.com/usm-premium/.

Я получаю сообщения об ошибках ‘Ошибка: 7’, ‘Ошибка: 56’, ‘Ошибка: 6’ и т.п.

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

Плагину необходим включённый CURL для подсчета репостов и других функций.

Social share buttons don’t show

Пожалуйста, убедитесь, что в вопросе 5) вы установили кнопки соцсетей в качестве социального виджета (непосредственно в области виджета) или же в виде плавающих иконок. Премиум-версия плагина значительно упрощает процесс расположения иконок, а также позволяет размещать иконки-липучки на вашем сайте, выбирать интервал между значками и многое другое, посмотрите https://www.ultimatelysocial.com/usm-premium/.

If only some social share buttons show, but not all, then please clear your cache, and check if you may have conflicting browser extensions (e.g. ‘Disconnect’-app in Chrome). Also Ad-Blockers are known culprits, please switch them off temporarily to see if that is the reason.

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

If you are referring to specific social share buttons not showing in the plugin itself (e.g. you’re looking for a Whatsapp icon, but it doesnt exist) please note that our Premium Plugin has many more social media share buttons, see https://www.ultimatelysocial.com/usm-premium/

Счётчик репостов Twitter не отображается (больше)

К сожалению, Twitter запретил публиковать любые счётчики. Одному богу известно, почему.

Изменения не сохраняются / Плагин удалён, но кнопки до сих пор отображаются

Скорее всего, у вас установлен плагин WP Cache. Пожалуйста, деактивируйте его, а затем снова включите.

Пожалуйста, удостоверьтесь, что вы ввели ‘http://’ в начале url (для всех социальных сетей). Если кнопки для распространения в соцсетях совсем не кликабельны, скорее всего, проблема в вашем шаблоне. Это особенно вероятно, если вы установили для кнопок несколько функций, которые отображаются в виде всплывающего сообщения (подсказки) при наведении курсора.

I cannot upload social custom buttons

Скорее всего, это потому что вы установили для ‘allow_url_fopen’ значение ‘off’. Пожалуйста, активируйте его с помощью ‘on’ (или попросите об этом администратора, он знает, что делать. Объясните, что вам это необходимо для загрузки пользовательских кнопок для плагина социальных медиа, потому что там таких нет).

Кнопка YouTube (непосредственная подписка) не работает

Пожалуйста, удостоверьтесь, что вы выбрали радиокнопку ‘Имя пользователя’ при вводе имени пользователя YouTube или ‘ID канала’ при вводе ID канала.

Aligning the social share buttons (centered, left- or right-aligned) doesn’t work

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

При нажатии на кнопку RSS выдаются странные коды

Это нормально. Пользователи RSS поймут, что с этим делать (т.е. скопируют и вставят url в свой RSS-агрегатор).

Счётчик ‘лайков’ Facebook работает некорректно

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

Премиум-версия плагина позволяет также отображать количество лайков вашей страницы Facebook, посмотрите https://www.ultimatelysocial.com/usm-premium/.

При публикации используется не тот текст или изображение

Мы используем коды Facebook, Google+ и т.п. и поэтому никак не влияем на распространяемые текст и изображение.

Имейте ввиду, что выбожете установить изображение как ‘Избранное изображение’, тогда Facebok / Google и т.п. поделится им. Вы найдете категорию ‘Избранное изображение’ в панели администратора вашего блога, где вы можете изменять публикацию в блоге.

Вы можете проверить, какое изображение распространит Facebook, введя url на https://developers.facebook.com/tools/debug/og/object/.

The pop-up shows although I only gave my social share button one share function

I selected to display the social sharing buttons after every post but they don’t show

The social sharing buttons usually do show, however not on your blog page, but on your single posts pages. The Premium plugin (https://www.ultimatelysocial.com/usm-premium/) also allows to display the share buttons on your homepage.

Из-за плагина мой сайт загружается медленнее

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

Если у вас всё ещё есть проблемы со скоростью загрузки, примите во внимание:

The more social sharing bottons and invite features you place on your site, the more external codes you load (i.e. from the social media sites; we just use their code), therefore impacting loading speed. So to prevent this, give your sharing buttons only ‘Visit us’-functionality rather than sharing functionalities.

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

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

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

После перемещения с демо-сервера на реальный сервер ссылка для подписки или чтения больше не работает

Пожалуста, удалите и установите плагин заново.

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

Если вы получили сообщение об ошибке…

‘Приложение не устанавливается: Это приложение всё ещё находится в стадии разработки, и у вас нет к нему доступа. Зайдите в качестве тестировщика или попросите администратора приложения предоставить вам доступ.’

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

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

Пожалуйста, проверьте следующее:

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

Пожалуйста, удостоверьтесь, что в вашем браузере нет включённых расширений, которые могли бы конфликтовать с плагином, особенно тех, которые блокируют определённый контент, в том числе и кнопки соцсетей. Двое из таких вредителей
- расширение Disconnect для Chrome, а также Privacy Badger для Firefox.

Если проблемы продолжаются, скорее всего, проблема в вашей теме, она не совместима с плагином. Пожалуйста, обратитесть к разработчику темы. В качестве одной из возможностей премиум-версии плагина (https://www.ultimatelysocial.com/usm-premium/) мы исправляет ошибки в темах, а также предоставляем поддержку, чтобы кнопки отображались на вашем сайте (в именно таком расположении, как вы хотите).

Я могу увидеть, как много людей ставят лайки и делятся моими записями?

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

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

Как я могу поменять ‘Пожалуйста, подпишитесь и поставьте лайк:)’?

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

Если не хотите отображать текст, просто введите пробел (‘ ‘).

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

Откройте первый вопрос плагина (‘1. Какие иконки вы хотите отображать на вашем сайте?’), на уровне кнопки имейла справа вы увидите ссылку. Пожалуйста, нажмите на неё, чтобы удалить.

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

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

Alternatively, you can place the followin into your codes:

В некоторых случаях могут возникнуть проблемы с отображением кнопок, которые вы загрузили как персональные. В таком случае, мы предоставляем поддержку как часть возможностей премиум-версии плагина: https://www.ultimatelysocial.com/usm-premium/

Can I get more options for the social share buttons next to posts?

Пожалуйста, используйте для этого плагин: https://www.ultimatelysocial.com/usm-premium/. Он позволит разместить больше кнопок (напр., в том числе Linkedin), а также предоставит больше возможностей настроек.

Могу ли я добавить функцию ‘mailto:’ для кнопки электронной почты?

Чтобы кнопка имейла отображалась в выбранном вами дизайне, активируйте её, затем нажмите правой кнопкой по интерфейсной части и сохраните её как изображение. Загрузите изображение в качестве собственной кнопки.

Можно ли показывать иконки вертикально?

Да, это возможно в новой премиум-версии плагина для распространения в соцсетях: https://www.ultimatelysocial.com/usm-premium/.

Как я могу поменять текст на кнопках ‘посетите нас’?

Используйте этот плагин: https://www.ultimatelysocial.com/usm-premium/

Can I deactivate the social sharing buttons on mobile?

Да, для этого существует опция в вопросе 5. В новой премиум-версии плагина вы можете задавать отдельные настройки кнопок для использования с мобильных устройств, посмотрите https://www.ultimatelysocial.com/usm-premium/. Лучший способ распространения в соцсетях! 🙂

Как я могу использовать две копии плагина на своем сайте?

Вы не можете использовать один и тот же плагин дважды, но вы можете установить оба - первый плагин USM (https://wordpress.org/plugins/ultimate-social-media-icons/) и его премиум-версию (https://www.ultimatelysocial.com/usm-premium/). Мы специально разработали код таким образом, что они не конфликтуют при параллельном использовании.

The premium plugin offrs many more social buttons from other social media platforms such as Snapchat, Whattsapp, Yelp, Sound cloud and many others. It’s the best socialsharing plugin on the market 🙂 Check it out at https://www.ultimatelysocial.com/usm-premium/

Участники и разработчики

«Social Share Icons & Social Share Buttons» - проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

Журнал изменений

3.1.9

3.1.8

3.1.4

• Update: Solved the Undefined Notice messages.

3.1.3

• Update: Google plus like removed
• Update: Extra debug log removed
• Update: Screencast video removed
• Update: more icons included.
• Update: White background from icons removed.

3.1.2

• Update: updated the new added icons.
• Update: optimized the extraicons of premium shown to the plugin.

3.1.1

• Update: removed unwanted files.
• Update: included skins for wechat icons.
• Update: Custom skin for newly added icons.
• Update: Compatablity Errors corrected.

3.1.0

• New Feature: New icons Implemented.
• Update: Alert for checkbox conflict.
• Update: Cron implemented for rss count.
• Update: Custom icons not showing solved.

3.0.9

• Update: Woocommerce resolved conflict resulted in other conflicts — fixed.

3.0.8

• Update: Critical Security Patch.
• Update: Resolved Conflict with woocommerce auto update.

3.0.7

• Update: Security Patch.

3.0.6

• Update: security update.
• Update: save button not working.

3.0.5

• Update: Theme cheker dom error updated.
• Update: Deprecated Google plus
• Updated: css changes to make icons more symetric.

3.0.4

2.9.8

• Update: Display counts can’t be manually updated

2.9.7

• New Feature: Direct chat added to the plugins settings page.

2.9.6

• Image not showing error fixed for banner in animation section in Question 4 added

2.9.5

• Lightbox removed after click on de-activation of plugin
• Banner for animation section in Question 4 added
• Different icon for mouseover section pointing in premium in Question 4 added
• Removed theme icon banner if no match

2.9.4

• Optimized footer

2.9.3

• Fixed Gutenberg issues which arose for old PHP versions
• Removed Addthis due to GDPR compliance issues

2.9.2

2.8.2

• Non-numeric value errors fixed

2.8.0

• Removed error log files
• Follow icon sometimes showed too large — fixed

2.7.9

• Linkedin-counter after posts corrected

2.7.8

• Text changes

2.7.7

• New question for referring added

2.7.6

• Saving links for custom icons sometimes didn’t work. Fixed now.

2.7.5

• Links updated

2.7.4

• Themed icons notification optimized

2.7.3

• Important bug fixed (which caused fatal error on sites with PHP version below 5.5. and sensitive error reporting on server)

2.7.2

• Banners modified
• Spelling mistakes corrected

2.7.1

• Добавлено больше тематических иконок

2.7.0

• Были конфликты при одновременной установке двух бесплатных плагинов USM, теперь они разрешены

2.6.9

• Добавлено уведомление о возможности настройки расшариваемого текста и картинки

2.6.8

• Добавлена ссылка на полный список премиум-версий иконок

2.6.7

• Добавлена информация о доступности сокращения URL в премиум-версии плагина
• Решена проблема с предупреждениями без указания номера
• Решена проблема с заголовками шаблонов

2.6.6

• Удалены неверные сообщения об ошибках
• Улучшен формат обзорной панели расшаривания в соцсетях

2.6.5

• Теперь при удалении плагина также удаляются данные виджета, поэтому плагин удаляется бесследно

2.6.4

• Новые сообщения об ошибке CURL с более подробным описанием проблемы
• Сообщение об ошибке в случае старой версии PHP у позьзователя
• «Обязательно» отключен для иконок RSS и имейла
• Ошибка Freemius (проблемы с удалением) устранена
• Иконки больше не выделены (был конфликт с некоторыми темами, такими как twentyseventeen)
• Js удалён после деактивации иконок
• Изображение Fremius добавлено
• После активации плагина вы перейдёте непосредственно на страницу настроек плагина

2.6.3

2.4.9

2.4.7

• Missing counts for email follow option fixed (when there are no subscribers yet)
• Extra explanation text added

2.4.6

• Corner case vulnerability fixed

2.4.5

• Claiming box made nicer

2.4.4

• Updated PIN-it button to SAVE
• Claiming process simplified

2.4.3

• jQuery issue fixed
• Counts for SpecificFeeds-subscribers are back, getting updated once a day
• Some mouse-over issues for custom icons, fixed now

2.4.2

• Cute G+ icon didn’t look good on dark backgrounds, fixed now
• Counts for SpecificFeeds-subscribers disabled due to high server load. We’ll try to bring them back in a future plugin version.

2.4.1

• Size of custom icons corrected
• Cute G+ icon too small before, corrected now
• Better description how to get G+ API key added
• Unsupported «live» function in jquery fixed

2.3.9

• Language issues fixed
• Counter didn’t disappear before/after posts if round icons were selected — fixed now

2.3.8

• Language folder added
• Persian added as first language
• For round icons before/after posts, the counts now correctly show the counts of the post page, not necessarily the page they are on

2.3.7

2.2.9

2.2.4

• Custom icon uploads optimized

2.2.3

• Houzz error message fixed

2.2.2

• Plugin made ready for translations

2.2.1

• Feed claiming optimized

2.2

• Shortpixel link updated

2.1

• Feed claiming bug fixed

2.0

• Houzz-button integrated
• New G+ button updated
• Quicker claiming of feed possible
• Comments to share-button added
• Credit to shortpixel added

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

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

Чтобы кто-либо сделал репост вашей статьи, она должна быть интересной!!!

На этом закончим отступление и поговорим о самих плагинах.

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

Pluso

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

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

А теперь о том как быстро добавить к себе на сайт такие кнопочки.

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

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

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

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

Когда в админке Wordpess во вкладке насройки, вы свяжете свой аккаунт с сайтом должна появиться такая картинка

Переходим по ней и выбираем нужное нам отображение кнопок. Сайт на английском, но интуитивно все понятно. Если выбираем режим сайт в MyProfile то при выборе вида отображения кнопок

нам будет отображаться код для кнопок как на примере ниже вставляем код в указанные блоки и жмем Activate

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

Ya.share

Генерируете код и вставляете куда хотите. Преимущество плагина

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

Из недостатков

• хреново работает с русскими урлами
• если есть другие плагины со счетчиками то цифры будут в итоге отличаться
• ну и обновление одним словом вялое =)

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

Что больше всего меня поразило, все абсолютно бесплатно! Это просто супер!!!

Для тех кто хочет использовать такие кнопки на обычных сайтах . Добавить сайт не забудьте! =)

Share42

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

В принцепи сложности в установки на сайт с помощью внедрения кода в файл не будет, а если будут пишите! =)

Social Share Button

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

Social Likes

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

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

Подведем итоги

Если вы не гонитесь за красотой, вам важна скорость загрузки страницы и простота использования, то в вашем случае лучшими вариантами будут Social Likes , Social Share Button , если гонитесь за красотой при этом скорость загрузки и простота использования Вас не так сильно интересует, то выбирайте WordPress Pluso или любые другие плагины кнопки которых вам понравятся больше.

От плагинов к ссылкам

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

Нам понадобиться файл для полной статьи обычно это single.php

Следующим шагом находим строчку похожую на

После нее вставляем (либо в другое место какое хотите)

< div class = "share" > < div class = "twitter" > < a href = "http://twitter.com/intent/tweet?text=http://сайт/" title = "Опубликовать ссылку в Twitter" target = "_blank" > < / a > < / div > < div class = "vkontakte" > < / div > < div class = "facebook" > < a href = "https://www.facebook.com/sharer/sharer.php?u=http://сайт/" title = "Опубликовать ссылку в Facebook" onclick = "window.open(this.href, "Опубликовать ссылку в Facebook", "width=640,height=436,toolbar=0,status=0"); return false" > < / a > < / div > < div class = "googleplus" > < a href = "https://plus.google.com/share?url=http://сайт/" title = "Опубликовать ссылку в Google Plus" onclick = "window.open(this.href, "Опубликовать ссылку в Google Plus", "width=800,height=300"); return false" > < / a > < / div > < / div >

Share { float: left; overflow: hidden; margin-left: 19px; width: 500px; height: 45px; } .twitter { float: left; margin-right: 5px; padding: 5px 0; } .twitter a { display: block; width: 32px; height: 32px; background: url("http://share42.com/icons/32x32/twitter.png") no-repeat; /*адрес до иконки*/ } .vkontakte { float: left; margin-right: 5px; padding: 5px 0; } .vkontakte a { display: block; width: 32px; height: 32px; background: url("http://share42.com/icons/32x32/vkontakte.png") no-repeat; } .facebook { float: left; margin-right: 5px; padding: 5px 0; } .facebook a { display: block; width: 32px; height: 32px; background: url("http://share42.com/icons/32x32/facebook.png") no-repeat; } .googleplus { float: left; padding: 5px 0; margin-right: 0; } .googleplus a { display: block; width: 32px; height: 32px; background: url("http://share42.com/icons/32x32/google-plus.png") no-repeat; }

Share { float : left ; overflow : hidden ; margin - left : 19px ; width : 500px ; height : 45px ; Twitter { float : left ; margin - right : 5px ; padding : 5px 0 ; Twitter a { display : block ; width : 32px ; height : 32px ; background : url ("http://share42.com/icons/32x32/twitter.png" ) no - repeat ; /*адрес до иконки*/ Vkontakte {