Sibprompost.ru

Стройка и ремонт
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

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

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

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

Зачем нужны социальные кнопки

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

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

  • Нравится + иконка соцсети – позволяет посетителям осуществлять оценку статьи. На иконке отображается социальная сеть, через которую пользователь голосует. Основные ресурсы: VK, Facebook и Одноклассники – в них имеется возможность поставить «Лайк» или «Нравится». Данный тип кнопок не влияет на поисковое продвижение и носит исключительно рейтинговый характер. Если навести указатель на одну из иконок, появится окошко с изображениями аватарок проголосовавших людей. Обращаем внимание, что для отметки «Мне нравится» пользователь должен быть авторизирован в советующей социальной сети.
  • Поделиться (Репост) – позволяет опубликовать конкретный материал сайта на своей странице в социальной сети. Кликнув по нужной иконке, подтверждается действие размещения ссылки в аккаунте пользователя, которую также можно отправить в личном сообщении. Эти действия влияют на продвижение ресурса и привлечение новых посетителей.
  • Следовать (Подписаться) – содержит ссылки на социальные страницы вашего ресурса. Позволяет посетителям подписаться на них и быть в курсе последних событий сайта. После этих действий, в новостной ленте, для подписчиков будут показываться паблике.

Установка кнопок без плагинов

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

Вертикальный блок

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

Вот пример кода, рассмотренный для Facebook:

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

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

Сначала остановимся на вопросе «Зачем они нужны?»

Основное их назначение — это увеличение трафика на ваш сайт, получение обратных ссылок, привлечение поисковых систем. Тем самым вы привлечете внимание к своему сайту, улучшите его позиции в поисковых системах, поднять позиции можно и статейным прогоном. Добавлять огромное количество иконок не стоит, так как вряд ли кто то пользуется теми сетями, которые вы им предложите. По этому стоит добавить только основные: «В контакте, Одноклассники, Фейсбук, Твиттер, Маил.ру».

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

Читайте так же:
Toshiba 166 сброс счетчика фотобарабана

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

И так, переходим на сайт по ссылке выше, и выбираем нужные кнопки.

Как видите, выбор вполне приличный, к тому же есть возможность расширить функционал вашего сайта добавив кнопки «Распечатать, подписку на RSS, FeedBurner, и даже кнопку Вверх». (Кстати, как добавить кнопку Вверх на сайт я писал в обзоре плагина.)

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

Теперь можно переходить к настройке.

Тип панели с иконками: горизонтальная. вертикальная «плавающая»

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

Если же не охота ломать голову и искать место для вставки — вам подойдет вариант панели с иконками «Плавающая». В таком случае разместите код в файле header.php ниже тега .

При настройке плавающего окна выберите параметры:

  1. Ограничить видимое кол-во иконок: — если у вас их ооочень много
  2. Кодировка вашего сайта: — проследите чтобы была кодировка UTF-8
  3. К вашему сайту подключен jQuery: отметив галочками этот пункт
  4. Показывать счетчики публикаций: и этот пункт рядом с иконкой соцсети будет отбражаться счетчик количество поделившихся новостью пользователей

По завершении настроек внешнего вида нажмите на кнопку «Скачайте готовый скрипт».

Разархивируйте папку на ваш сервер по FTP в нужное место. Я обычно сильно фантазию не проявляю и размещаю папку share42 в самый корень сайта. В этой папке находится скрипт и набор иконок. А эти иконки можно заменить на свои

При размещении скрипта в коде шаблона ОБЯЗАТЕЛЬНО измените адрес. Там по умолчанию прописан путь к папке http://site.name/. Вместо этого напишите адрес своего сайта! Признаюсь честно, не раз забывал это делать

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

Кнопки соц.сетей под статьей для сайта на WordPress

Как поставить кнопки соц.сетей на свой сайт на WordPress? Если вас интересует данный вопрос, вы попали на нужную страницу)

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

Во-первых: Увеличивает трафик на вашем сайте, потому что по этим ссылкам переходят люди и попадают на ваш сайт.

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

Как поставить кнопки соц.сетей на сайт WordPress?

Есть несколько способов:

Хотите научиться делать сайты?
Чтобы сэкономить на разработке или зарабатывать деньги создавая сайты для других? Недавно я записал новый курс «Идеальный сайт на WordPress» и «Лендинг в Elementor» , где рассказал пошаговый план как создавать крутые сайты. Разработкой занимаюсь более 7-ми лет, на сайтах зарабатываю более 50 тысяч в месяц и в курсе я выложил всю технологию как делать такие сайты. Подробнее читайте по ссылке.

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

Читайте так же:
Счетчик св 15г как установить

2. Платные плагины. Хороший вариант, если немного потратиться. Например, есть классный плагин Easy Social Share Buttons for WordPress стоит 14$. Но этот вариант мы так же рассматривать в данной статье не будем, потому что не многие хотят и могу тратить деньги на плагины.

3. Использовать сторонний сервис. В моем случае это share.pluso.ru. После тестирования разных вариантов, остановился именно на данном сервисе. В конце статьи можете посмотреть на кнопки в действии и понажимать на них 🙂

Установка кнопок соц.сетей используя pluso.ru

1. Переходим на сайт share.pluso.ru и настраиваем какие кнопки мы хотим видеть на своем сайте.

1а. Выбираем вид кнопок, мне больше нравится последний)

1б. Выбираем соц.сети методом перетаскивания

2. Как только выбрали нужные соц.сети спускаемся ниже и видим превью того, как они будут отображаться у нас на сайте.

2а. Предосмотр кнопок

2б. Еще настройки. Я выбираю «Большие» и со «Счетчиком»

2в. Собственно сам счетчик))

3. Если вид кнопок нас устраивает спускаемся еще ниже и нажимаем большую кнопку «Копировать». Скопированный код вставьте пока в документ, чтобы не потерять его и приступаем ко 2-ой части.

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

Файлы сайта лежат на хостинге, думаю вам это известно) Нам нужно подключиться к этим файлам. Я это делаю через программу File-zilla. Путь к фалу такой

ichigarev.ru/public_html/wp-content/themes/название_вашей_темы/content-single.php

Обычно это Single.php, но все зависит от темы, которая стоит у вас на сайте wordpress. У меня это оказалось Content-single.php

5. Открываем документ через текстовый редактор. Я использую NotePad++ он подсвечивает код. И ищем строку с обозначением контента.

6. Вставляем код — обновляем его на хостинге — проверяем, что получилось.

БИНГО! Видим, что соц.сети отображаются как раз там, где нужно. Только вот они немного не влазиют в ширину контентной части и счетчик съехал вниз.

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

Убрал я «Отправить на Е-мейл», теперь совсем другое дело.

7. Теперь я хочу выровнять кнопки соц.сетей по центру и добавить надпись «Понравилась статья? Поделитесь в соц.сетях:»

Чтобы добавить такую надпись нужно перед кодом поставить еще небольшую строку кода:

Понравилась статья? Поделитесь в соц.сетях:

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

Если сейчас обновим сайт, то увидим. Что кнопки выровнены по центру, а заголовок выровнен по левому краю.

8. Теперь чтобы выровнять и заголовок по центу, нам понадобится файл Style.css, который находится там же, где и Single.php. Файл Style.css отвечает за стили, за дизайн, проще говоря, сайта.

Скачали Style.css? Открываем его так же НотПадом ++ и перематываем документ в самый низ.

Тут нам нужно прописать такой код

u1013 — это id(идентификатор) текста заголовка нашего. Мы его так же видим в строке

Читайте так же:
Водный счетчик какой лучше

Понравилась статья? Поделитесь в соц.сетях:

Если хотите можете придумать любой id. Главное чтобы они совпадали.

После того как вставили код в Style.css, обновляйте файл на хостинге и идем проверять как отображается все у на на сайте.

По моему то, что нужно!)

Ах да, еще забыл в файле стилей Style.css добавьте такую строку:

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

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

8 лучших плагинов WordPress для социальных сетей

Для любого типа бизнеса взаимодействие с вашими посетителями является ключом к успеху в 2020 году. Как вы, наверное, знаете, WordPress – самый гибкий конструктор веб-сайтов в мире, и в настоящее время он поддерживает более 34% веб-сайтов в Интернете.

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

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

Без лишних слов, приступим.

1. Социальный обмен для WordPress – Social Snap

Social Snap – это довольно новый плагин WordPress для социальных сетей. Он очень хорошо спроектирован и имеет множество функций. Как и большинство плагинов в WordPress, Social Snap также доступен как в бесплатной, так и в платной версии. Бесплатная версия довольно ограничена, и большинство ее функций доступны только для премиум-пользователей.

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

Кроме того, вы можете выбрать разные размеры, цвета и формы для каждой кнопки. Кроме того, Social Snap поддерживает как индивидуальный, так и общий подсчет доли. Кроме того, если вы когда-нибудь смените домен или перейдете на HTTPS, это позволит вам восстановить прежнее количество общих ресурсов. В некотором смысле можно сказать, что этот плагин работает аналогично плагину Better Social Counter. Оба этих плагина можно использовать для подсчета ваших подписчиков в социальных сетях.

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

Этот плагин совместим с последней версией WordPress и в настоящее время имеет более 10 000 активных установок. Премиум-версия этого плагина стоит от 39 долларов.

2. Sassy Social Share

Возможно, в нашем списке плагинов WordPress для социальных сетей плагин Sassy Social Share – единственный плагин, который имеет уникальные стили кнопок и параметры настройки. Sassy Social Share поддерживает более 100 платформ обмена.

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

Читайте так же:
Счетчики не прошли поверку как начислять

Как и упомянутые выше плагины, Sassy Social Share также считает ваших подписчиков в социальных сетях. Этот плагин абсолютно бесплатный. Тем не менее, у него есть платные дополнения, которые стоят 9,99 доллара каждое.

3. Кнопки публикации в социальных сетях

Кнопки обмена в социальных сетях содержат значки для обмена в социальных сетях для Twitter, Facebook, LinkedIn, Pinterest, электронной почты, RSS, Instagram и даже YouTube. Однако этот плагин не ограничивается упомянутыми выше платформами социальных сетей, он охватывает более 200 других платформ социальных сетей.

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

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

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

AccessPress Social Share – это бесплатный плагин WordPress для социальных сетей, который позволяет кому угодно делиться контентом веб-сайта с основными платформами социальных сетей, такими как Facebook, Twitter, Pinterest, LinkedIn и Digg. Плагин предназначен для значительного увеличения вашего социального охвата.

AccessPress Social Share позволяет вам выбрать платформу социальных сетей, которую вы хотите, и выбрать дизайн из 5 предварительно разработанных тем. В настоящее время Facebook, Twitter, Pinterest, LinkedIn и Digg доступны в бесплатной версии плагина.

Этот плагин полностью адаптивен, удобен в использовании и регулярно обновляется. Премиум-версия содержит два плагина. Один из них – это счетчик социальных сетей AccessPress, а другой – собственно социальный ресурс AccessPress. AccessPress Social Counter отображает количество подписчиков в каждой из ваших учетных записей социальных сетей, которые вы подключили к плагину и отображены на веб-сайте.

Между тем, AccessPress Social Share позволяет каждому публиковать контент вашего веб-сайта (сообщение, страницу, изображение, медиа) в основных социальных сетях. Поддерживаемые социальные платформы: Facebook, Twitter, Instagram, YouTube, Soundcloud, Steam, Dribbble, Flickr, Envato, Twitch и 17 других. Профессиональная версия включает 42 шаблона для встроенных кнопок и плавающего дисплея.

Кроме того, он полностью адаптивен и готов к шорткоду и переводу.

5. Значки социальных сетей и кнопки социальных сетей

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

Иконки социальных сетей и кнопки социальных сетей – это бесплатный плагин, который можно полностью настроить в соответствии с вашими потребностями. Кроме того, он был переведен на разные языки. Этот плагин поддерживает Facebook, Twitter, RSS, Instagram, YouTube, LinkedIn и еще 200 социальных платформ.

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

Иконки социальных сетей и кнопки социальных сетей доступны как в бесплатной, так и в премиальной версиях. В то время как в бесплатной версии есть множество функций для публикации в социальных сетях, в премиум-версии есть еще больше функций. Например, для различных социальных платформ, таких как Amazon, Spotify, Yelp и т.д., Добавлено больше кнопок социальных сетей.

Читайте так же:
Счетчик кругов колоколом передвижной

Кроме того, профессиональная версия оптимизирована для мобильного обмена. В настоящее время у этого плагина более 60 000 активных установок, и он совместим с последней версией WordPress.

6. Супер социализатор

Super Socializer – это плагин WordPress для социальных сетей, который добавляет на ваш сайт вход в социальные сети, комментарии и публикации без каких-либо знаний программирования. Этот бесплатный плагин совместим с редактором Gutenberg и поддерживает более 100 социальных сетей.

Кроме того, Super Socializer поддерживает подсчет репостов для Facebook, LinkedIn, Twitter, Reddit и Pinterest. Кроме того, он поставляется со всеми значками социальных сетей, доступными на рынке, и позволяет настраивать их.

Кроме того, он соответствует GDPR и хорошо работает с BuddyPress, BBPress и WooCommerce. Его дизайн полностью адаптивный и готов к работе с AMP. Таким образом, у вас нет проблем с отображением кнопок социальных сетей на мобильных устройствах. Super Socializer имеет более 60 000 активных установок и полностью совместим с последней версией WordPress.

Этот замечательный плагин WordPress для социальных сетей можно загрузить с официального сайта WordPress или с панели управления WordPress.

7. WP Social

WP Social считается лучшим плагином WordPress для социальных сетей. Этот плагин позволяет добавлять на ваш сайт вход в социальные сети, счетчики в социальных сетях и даже публикации в социальных сетях. Плагин WP Social имеет возможность делиться контентом вашего веб-сайта с Facebook, Twitter, LinkedIn, Whatsapp, Tumblr, Reddit, Pinterest и т.д.

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

Плагин WP Social соответствует требованиям GDPR и позволяет регистрироваться в один клик и входить в систему через социальные сети из WooCommerce, BuddyPress, Facebook, Twitter, LinkedIn, Dribble, Instagram и Pinterest. Кроме того, вы можете настроить URL-адреса перенаправления входа и выхода, а также текст для значков входа в социальные сети.

В настоящее время этот плагин имеет более 5000 активных установок и совместим с последней версией WordPress.

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

Простые кнопки социальных сетей Кнопки обмена в социальных сетях на боковой панели, встроенные, до и после сообщений, на фотографиях, всплывающих окнах и даже во всплывающих окнах. Этот плагин поддерживает Facebook, WhatsApp, Viber, Twitter, Reddit, LinkedIn и Pinterest. Кроме того, Simple Social Buttons полностью настраивается, и, как упоминалось выше, вы можете выбрать, куда вы хотите добавить кнопки.

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

Вывод

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

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

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector