Free jquery social share plugins

Description

Add social share icons on your website with just a few clicks.

The plugin can be customized to suit any need and is FREE. It also has been translated into various languages.

Feature list:

  • Numerous social share platforms (see a list of them below)
  • Many placement options before or after posts, floating over your website’s pages, via widget, via shortcode, (top right, bottom left etc.)
  • The possibility to give several actions to one social share button (e.g. your Facebook icon can lead visitors to your Facebook page, and also show a Facebook button to share your page on social media)
  • 16 design styles for your social share buttons
  • Animated social share buttons (e.g. automatic shuffling, mouse-over effects)
  • Social pop-up – ask people to follow or share you
  • Subscription service – allow visitors to subscribe to your site and receive new posts automatically by email
  • Share counts
  • Rearrange Order of social share icons
  • Lots of other customization options for your social share buttons
  • Compatible with Gutenberg editor

List of platforms supported in the free plugin:

  • Facebook share icon
  • Twitter share icon
  • Email icon
  • RSS icon
  • Instagram share icon
  • Youtube share icon
  • Pinterest share icon
  • LinkedIn share icon
  • Houzz share icon
  • OK icon
  • Telegram icon
  • VK icon
  • WeChat icon
  • Weibo icon
  • Share icon (allows your visitors to share your site on over 200+ other social media sites; powered by addthis/sharethis)

If there are any important social share networks not covered yet, please let us know!

For GDPR compliance, please have a look at our Social Media GDPR Compliance page.

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

Premium Plugin

The free plugin already provides tons of options for social sharing (as outlined above). In our Premium Plugin, even more is possible. Some examples for additional features in the Premium Plugin:

  • More social share buttons (the icon pack includes an Instagram button, Snapchat button, Yummly button, Print button, Whatsapp button, Yelp button, Soundcloud button, Skype button, Flickr button, Share button, Blogger button, Digg button, Reddit button, Vimeo button, Tumblr button, Xing button, vk button, Telegram button, Amazon button, Spotify button and many more badge, see list above)
  • More (default) design styles for your social share icons
  • Themed design styles for your social share buttons (e.g. if you have a site about cats, you can pick from cat-themed buttons etc.)
  • Better sharing & following features (tailored tweet texts, allow people to follow you directly on your page etc.)
  • Place the social share icons on specific pages
  • Optimized for mobile sharing and buton display
  • More functions for email icon to connect with you
  • More lightbox / popup options (e.g. limit how often the popup is shown to the same user)
  • (Friendly and fast) Support
  • Many more settings & options

Frequently Asked Questions

Video share buttons are simple-to-install buttons that make it easy for your website visitors to share your videos in a single click. Our video share buttons make it possible to easily share videos to other social networks besides the standard networks used within most videos, such as WhatsApp, Telegram, Line, SMS, and more. 

Video share buttons are attached to your video (not the blog post or web page itself), making it possible to share a video to social media networks without sharing the whole web page – with just a single click. Plus, our video share buttons not only share the video, but also a link to the page it’s from, so you’ll always get credit for your videos, no matter where they’re shared. 

The share button on a YouTube video is underneath the video, below the video title but on the right-hand side. The share button is right next to the thumbs-up and thumbs-down buttons, but left of the save button and above the bright red “Subscribe” button. 

There are two basic ways to share a video: the standard way and the simple, straightforward way. 

If a video has enabled ShareThis video share buttons: 

  1. Look for the video share buttons underneath the video. 
  2. Find the video share button for the social network you want to share to. 
  3. Click the button to share! 

If a video hasn’t enabled ShareThis video share buttons, it’s still possible to share a video, but it’s not quite as straightforward. If you’re sharing a video from a platform like YouTube, you can click the “share” button underneath the video and choose a platform to share it to, such as Facebook, Twitter, Reddit, Tumblr, and other common social platforms. 

If you want to share a video on a different social network – one that’s not an option when you click the share button under a YouTube video: 

  1. Click the “share” button under the YouTube video you want to share. 
  2. Click “copy” next to the video URL, which is underneath the sharing options in the sharing pop-up window. 
  3. Then, paste the link into a new post or message on the social network you want to share it to. 

If you want to share a video that’s embedded in a blog post or web page, however, and there’s no URL to the video itself, you’ll have to share the URL to the blog post or web page – meaning  you’ll be sharing the entire page, not just the video. 

Adding ShareThis video share buttons to your videos is easy: 

  1. Go to https://sharethis.com/platform/video-share-buttons/ and select the social networks you want to enable your visitors to share to. 
  2. Select your share button size and alignment to complement your website’s design. (You can even choose buttons with rounded corners!) 
  3. Select the platform you’re installing your video share buttons on (options include Wix, WordPress, Shopify, Squarespace, and more). 
  4. Register to receive the JavaScript code. 
  5. Click the “copy code” button, then paste the code into the header of your site template. 

ShareThis video share buttons support the following video platforms: 

That’s all there is to it! A few simple steps are all it takes to enable one-click video sharing to all the popular social media networks! 

Description

Social Share Buttons & Analytics for WordPress by GetSocial.io, now FREE again! A plugin to help you increase traffic, social shares and conversions.

No coding skills required!

WHY OUR USERS RECOMMEND US:

  • Fantastic design of Share Buttons

  • Easy to install and use (no code needed)

  • Doesn’t impact page loading speed (SEO)

  • World-class support

  • We don’t sell your data to third-party services

Used by +200k websites & Fortune 500 companies – just look at what our users are saying about us.

FREE FEATURES

  • Horizontal + Floating Share and Follow Buttons: Give your website the best looking sharing and follow buttons on all your favorite social media networks. The best way to increase your traffic and social media followers. Includes the option to show total share count.

  • Native Social Sharing Buttons: Do you love the classics? You may choose to add the original share buttons: like, tweet and pin it buttons.

  • Reaction Buttons: If you’d rather be all about the brand-new, let your users express themselves with reaction buttons on your posts.

  • Welcome Bar: Have a special promotion or a breaking news article that you want visitors to know about? The Welcome Bar is the perfect way to redirect traffic to your most important and best converting pages.

  • Hello Buddy, the Smart Pop-up: Lets you ask your customers to share, subscribe or visit a specific page. It’s highly customizable (advanced options are paid) and can be triggered by “Time Spent on Site”, “% of page scrolled” and “Exit Intention” (when the user is going to click the X button in the browser window).

TOOLS VERSION

For just $9/month, you can have the TOOLS version and gain access to even more features!

  • Mobile Share + Follow Buttons: the mobile bars are our best performing social tools, providing 2 to 3 times more social shares than the desktop versions! Includes mobile-only share buttons such as Telegram, Snapchat, Kik, and Viber.

  • Image Share Buttons: Do you have a website with great pictures? Our Image Share Buttons gives your visitors the ability to share your images with their friends and followers.

  • Customizable Share Buttons: Have the freedom to fully customize the look of your share buttons to match your website. From changing the colors to adding a gradient, the choice is yours.

  • Subscriber Bar: Convert your visitors into subscribers! It doesn’t matter if you’re a blog, a newspaper or an online shop, mailing lists can be a major revenue generator for your business.

  • Social Analytics Dashboard: Our social analytics give you insight, in real-time, of how much social traffic each network is driving to your website and identify the best content to feature and promote on social media.

INSTALLING GETSOCIAL

In this video, you can find a quick walkthrough of how to install our plugin on your WordPress account. We also provide a text-based tutorial here: How to add free Social Share Buttons on WordPress

Changelog

1.8

  • Turn display on / off based for desktop and/or mobile users.
  • Removed Google+ from networks ( no longer exists )
  • Support for transparency in colors and backgrounds
  • Tested for 5.2

1.7

  • Fix – Network still in preview after dragging it from active
  • Tweak – Updated notice where to check for extra networks
  • – Custom MaxButton button without set network will no longer open in popup

1.6

  • Fixed – Email / Print networks opening empty popup
  • New – Customizable Email subject and title when sharing
  • New – Network settings supports images
  • Fixes – Several issues on network settings page
  • Fixed error notice in PHP 7.2

1.4

  • Preview is refreshed when changing icon order
  • Customizable color palette
  • Streamlined process for adding maxbuttons
  • Fixed issue with disabled effects
  • Minimum MaxButtons version – 7.2

1.3

  • – Multiple social share groups feature
  • Mobile-only networks ( like whatsapp ) will not show on desktops and v.v.
  • Fixed – Plugin activation crash with very old version of MaxButtons
  • Fixed – Notice around imported networks
  • Share buttons now have link decoration off to prevent theme issues

1.2

  • Network editor + more networks (Amongst others Xing, Telegram, Etsy, Pocket)
  • Option to set total count text color
  • Option to enter title for custom URL links
  • Fixed Total Count didn’t center in vertical position
  • Fixed – Icons in network block rendering same size as settings
  • New Preset – Rectangle Flip buttons

1.1.2

  • Networks now uses FA5 icons
  • Changed Font Awesome to generate server side
  • Fixed issue with icon CSS
  • Fixed dialog for MaxButtons

1.1

  • Preparation for seamlessly moving to FA5
  • Fixed menu removal problem on older WP versions
  • Fixed issue with category / terms not sharing URL
  • Fixed issue with defaults on display options

1.0

  • New Networks : Instagram, RSS, Snapchat, YouTube, Vimeo
  • Major redo and improved editor performance
  • Support for Sharing Profiles
  • New options for fonts and sizes
  • Replaced Style for more dynamic Presets
  • Updated page / post finetune workflow
  • Options to set effects and shapes
  • Ability to add Maxbuttons
  • Fixed bug on static homepage when wrong display settings were applied
  • Fixed bug where shortcode use would not set environment correct

Creating Facebook Application and generating Access Token

Examples of acquiring data from a Facebook API require you to have an application set up and configured on
Facebook.
The process of creating a new Facebook application is described below.

1. Go to developers.facebook.com and log in to your Facebook account, then generate the
application by clicking on
the «Create new Facebook app» button. If you do not see any buttons, please go to the «Register as Developer» link.

2. Select the platform on which you are writing your application (most likely Web) and then
select a name for your application. After selecting these two, go through the Quick Stars steps to generate the
application.

3. From the left side menu, select the Settings tab and then the Basic tab. Fill it with the
basic
data that is required there.
You can enter in the App Domains field. You can enter or
any other address you use
in your application on the dome itself in the Website URL field. Save the data, and save yourself the App ID, and
the App Secret. They will be needed in the next point to generate for your application.

4. Open this page and go right down the page (step 17). Enter the data you saved in the previous
section in the App ID and App Secret space. This will generate the access_token required for your Facebook API.
This key does not have a validity period, so you can use it at any time.

For more informations, please read the .

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

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

Easy Social Share Buttons

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

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

Стоимость продукта – $19. Более 22000 продаж и средний рейтинг 4,66 показывают, что заявленная стоимость оправдана.

Social Warfare

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

На основе отметок «Нравится» можно добавить виждет с самыми популярными постами на основе голосов посетителей. Стоимость продукта – $29. Он попал в список благодаря своей производительности и стилистическому минимализму.

Up To Like Share Buttons

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

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

AddToAny Share Buttons

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

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

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

P/S

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

Standart interface

Опции «Standart interface» (на скриншоте не полный список опций).

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

  • Enable Standard sharing interface. Если поставить галочку, то иконки социальный сетей будут отображаться в контенте. 
  • Target Url. Здесь можно выбрать, какая ссылка будет шариться: «Url of the webpage where icons are located (default)» — ссылка, на которой расположены кнопки; «Url of the homepage of your website» — главная страница сайта; «Custom url» — любая заданная ссылка.
  • Title. Задаётся заголовок для блока с кнопками соцсетей. Например, можно написать «Поделиться».
  • Rearrange icons. Можно задать порядок значков, перетащив их мышкой. 
  • Select Sharing Services. Можно выбрать галочками  соцсети, в которых можно будет поделиться, которые будут отображаться в блоке с кнопками. Их очень много, и можно воспользоваться формой поиска для удобства. На момент написания этого обзора, плагин кнопок социальных сетей поддерживает более 100 сервисов, среди которых есть все соцсети, популярные в Рунете. 
  • Horizontal alignment. Горизонтальное выравнивание блока — слева, по центру, справа. 
  • Position with respect to content. Позиция относительно контента — сверху или снизу.
  • Placement. Можно выбрать типы страниц, на которых будут отображаться эти кнопки.
  • Show share counts. Опция включает счётчик шаринга. Не все социальные сети это поддерживают. 
  • Show total shares. Включает отображение суммарного количества шаринга.
  • Enable ‘More’ icon. Включает кнопку, нажатие на которую отобразит возможность поделиться во всех остальных сервисах. 

Images

SlideshowSlideshow GalleryModal ImagesLightboxResponsive Image GridImage GridTab GalleryImage Overlay FadeImage Overlay SlideImage Overlay ZoomImage Overlay TitleImage Overlay IconImage EffectsBlack and White ImageImage TextImage Text BlocksTransparent Image TextFull Page ImageForm on ImageHero ImageBlur Background ImageChange Bg on ScrollSide-by-Side ImagesRounded ImagesAvatar ImagesResponsive ImagesCenter ImagesThumbnailsBorder Around ImageMeet the TeamSticky ImageFlip an ImageShake an ImagePortfolio GalleryPortfolio with FilteringImage ZoomImage Magnifier GlassImage Comparison Slider

How To Style Social Media Buttons

Step 1) Add HTML:

Example

<!— Add icon library —><link rel=»stylesheet» href=»https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css»><!— Add font awesome icons —><a href=»#» class=»fa fa-facebook»></a><a href=»#» class=»fa fa-twitter»></a>

Step 2) Add CSS:

/* Style all font awesome icons */.fa {  padding: 20px;  font-size: 30px;  width: 50px;  text-align: center;  text-decoration: none;}
/* Add a hover effect if you want */.fa:hover {  opacity: 0.7;}/* Set a specific color for each brand *//* Facebook */.fa-facebook
{  background: #3B5998;  color:
white;}/* Twitter */.fa-twitter {  background:
#55ACEE;  color: white;}

Описание

Add social share icons on your website with just a few clicks.

The plugin can be customized to suit any need and is FREE. It also has been translated into various languages.

Feature list:

  • Numerous social share platforms (see a list of them below)
  • Many placement options before or after posts, floating over your website’s pages, via widget, via shortcode, (top right, bottom left etc.)
  • The possibility to give several actions to one social share button (e.g. your Facebook icon can lead visitors to your Facebook page, and also show a Facebook button to share your page on social media)
  • 16 design styles for your social share buttons
  • Animated social share buttons (e.g. automatic shuffling, mouse-over effects)
  • Social pop-up — ask people to follow or share you
  • Subscription service — allow visitors to subscribe to your site and receive new posts automatically by email
  • Share counts
  • Rearrange Order of social share icons
  • Lots of other customization options for your social share buttons
  • Compatible with Gutenberg editor

List of platforms supported in the free plugin:

  • иконка «поделиться» Facebook
  • иконка «поделиться» Twitter
  • Иконка Email
  • Иконка RSS
  • иконка «поделиться» Instagram
  • иконка «поделиться» Youtube
  • иконка «поделиться» Pinterest
  • иконка «поделиться» LinkedIn
  • иконка «поделиться» Houzz
  • OK icon
  • Telegram icon
  • VK icon
  • WeChat icon
  • Иконка Weibo
  • Иконка для распространения (позволяет посетителям делиться вашим сайтом в 200+ других соцсетей; предоставлено addthis/sharethis)

Если здесь нет какой-то важной соцсети, сообщите нам!

For GDPR compliance, please have a look at our Social Media GDPR Compliance page.

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

Премиум-версия плагина

Бесплатная версия плагина предоставляет массу возможностей (которые указаны выше). С премиум-версией плагина можно сделать еще больше. Некоторые примеры дополнительных функций премиум-версии плагина:

  • More social share buttons (the icon pack includes an Instagram button, Snapchat button, Yummly button, Print button, Whatsapp button, Yelp button, Soundcloud button, Skype button, Flickr button, Share button, Blogger button, Digg button, Reddit button, Vimeo button, Tumblr button, Xing button, vk button, Telegram button, Amazon button, Spotify button and many more badge, see list above)
  • More (default) design styles for your social share icons
  • Themed design styles for your social share buttons (e.g. if you have a site about cats, you can pick from cat-themed buttons etc.)
  • Улучшенные возможности репостов & подписок (адаптированные тексты Twitter, возможность подписки пользователей прямо со страницы и др.)
  • Place the social share icons on specific pages
  • Оптимизированные для мобильных устройств репосты и кнопки
  • Больше функций для иконки электронной почты для связи с вами
  • Больше возможностей для всплывающих сообщений (напр., установить лимит частоты показов для одного и того же пользователя)
  • (Дружелюбная и быстрая) Поддержка
  • Намного больше настроек & возможностей

Description

Shared Counts is a WordPress social media share buttons plugin. Sharing buttons increase traffic and engagement by helping readers share your posts and pages to their friends on social media.

Facebook, Pinterest, Yummly, and Twitter buttons support social count display and tracking.

Styling and Display

We include many share button styling options, so you can pick the perfect look for you site. Additionally, you can automatically insert the share buttons before and/or after the post content. Want granular or manual control? No problem! You can also use the shortcode to insert them inside your content as you see fit.

HTTP Recovery / Upgrading to HTTPS

We provide a one-click option to retrieve both HTTP and HTTPS share counts, ensuring you don’t lose your share counts when upgrading your website to HTTPS.

Performance

Shared Counts was created with site performance in mind, even at large scale. It is used on several large websites that get tens of millions of page views each month. Our unique and creative caching methods have a minimal affect on site overhead. Leveraging the SharedCount.com API, we can retrieve (almost) all share counts in a single request.

Developers

Additionally, Shared Counts was built to be developer friendly! We provide very liberal usage of hooks and filters. Everything is customizable and the possibilities are near limitless. Unlike other plugins all data (counts) are stored and cached in post_meta which makes it easy to access for extending (e.g. fetch top 10 most shared posts on your site). We have extensive documentation on our website and we’re also on GitHub.

Add On Plugins

  • Shared Counts – Pinterest Image – Upload a separate image for Pinterest sharing
  • Shared Counts – Cache Status – Build and check the status of the Shared Counts cache

Changelog

3.7.4

  • New: Supports up to WordPress 5.4
  • Fix: Share count not collected for all pages on large sites with huge traffic if caching plugins are used

3.7.3

  • New: Support for whatsapp web. Social network add-on needed https://mashshare.net/downloads/mashshare-social-networks-addon/
  • Fix: Show correct results if debug mode is active and sharedcount.com integration works.

3.7.0

  • Fix: PHP Warning: Invalid argument supplied for foreach() in meta-box.php
  • Fix: Set the share count query rate limit to 1req/5min
  • New: Compatible up to WordPress 5.2.4

3.6.8

  • New: Add new filter mashsb_allowed_post_types for allowing or disabling share counts on particular posts types to lower the api requests to sharedcount.com
  • Tweak: sharedcount.com lowered their free api limit to 500 daily requests. Change description in MashShare!
  • Fix: Changed register link for sharedcount.com
  • Fix: PHP Warning: Invalid argument supplied for foreach() in meta-box.php

3.6.5

Fix: Share count not collected with async caching method

3.6.5

  • New: Compatible up to WordPress 5.2
  • Fix: Do not call the facebook api directly any longer
  • Fix: Undefined variable notice after uninstallation and deleting all MashShare settings an installation again

Images

SlideshowSlideshow GalleryModal ImagesLightboxResponsive Image GridImage GridTab GalleryImage Overlay FadeImage Overlay SlideImage Overlay ZoomImage Overlay TitleImage Overlay IconImage EffectsBlack and White ImageImage TextImage Text BlocksTransparent Image TextFull Page ImageForm on ImageHero ImageBlur Background ImageChange Bg on ScrollSide-by-Side ImagesRounded ImagesAvatar ImagesResponsive ImagesCenter ImagesThumbnailsMeet the TeamSticky ImageFlip an ImageShake an ImagePortfolio GalleryPortfolio with FilteringImage ZoomImage Magnifier GlassImage Comparison Slider

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

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

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

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

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

<!– SocialButtons –>

<span style=”display:scroll;position:fixed;bottom:280px;left:50px;”>
<noindex>

<a target=“blank” rel=“nofollow” <?php the_permalink(); ?>“>

<img src=” http://site.ru/f.png” width=“50” height=“50” title=“Рассказать на Фейсбук” alt=“Опубликовать в Фейсбук”>

</a>
</noindex>
</span>
<!– SocialButtons –>

<!– SocialButtons –> – определяет место размещения блока. Не несет никакой функции, позволяет находить блоки в коде сайта. Тег содержит запись, которая является следующей функцией: блок прилипнет к текущей позиции посетителя и не будет исчезать во время скроллинга страницы. Свойства bottom и left устанавливают положение кнопок по нижнему левому краю. Для изменения их расположения, следует изменить значения.

Чтобы разместить несколько кнопок социальных сетей, необходимо изменить значение bottom, отнимать от него высоту иконки – 50px. Так как они могут налаживаться одна на вторую. Для каждой последующей значение следует изменять. Обязательно нужно скрывать тегом и атрибутом rel=“nofollow” ссылки кнопок от индексации. Для того, чтобы разместить другую социальную сеть или добавить еще несколько, следует изменить ссылку в href. Получаем образец, который после заполнения параметров установит кнопки на сайте.

<!– SocialButtons –>

<span style=”display:scroll;position:fixed;bottom:{значение};left:{значение};”>
<noindex>

<a target=“blank” rel=“nofollow” href=”{ссылка на соцсеть}<?php the_permalink(); ?>“>

<img src=“{ссылка на картинку кнопки}” width=“{значение}” height=“{значение}” title=“{Поделиться, рассказать на …}” alt=“{Поделиться, рассказать на …}”>

</a>
</noindex>
</span>
<!– SocialButtons –>

Чтобы разместить социальные кнопки в WordPress в конце контента, следует зайти в single.php, который находится в директории с активной темой.

Добавляется следующий код:

Также, необходимо прописать стили, позволяющие оформить внешний вид кнопки их местоположение. Для это в конце файла style.css (расположен в директории темы) добавьте свои правила.

Pluso

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

Share42

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

Блок «Поделиться» от Яндекса

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

Description

Simple Social Buttons adds ( with lots of options like Sidebar, inline, above and below the posts content, on photos, popups, fly ins ) an advanced set of social media sharing buttons to your WordPress sites, such as: Facebook, WhatsApp, Viber, Twitter, Reddit, LinkedIn and Pinterest.

** This social sharing Plugin is fully customizable. You can decide where to position those buttons:**

Inline
– Social Sharing Buttons above the post content
– Social Sharing Buttons under the post content
– Social Sharing Buttons above and under the post
– Hide Social Share buttons on mobile devices
– Stunning Animations
– Upgrade to Pro for customizing the colors

SideBar
– Social Share buttons on left & right sidebars with Animations
– Hide Social Share buttons on mobile devices
– Display Total Share counts
– Upgrade to Pro for customizing the colors

on Media Premium Feature
– Set Social Share buttons positions on left, right etc with Animations
– Hide Social Share buttons on mobile devices
– Display Total Share counts
– Settings for customizing the colors
– Apply Social Share buttons on Specific Custom Post Types

Popups Premium Feature
– Social Share buttons on popups
– Trigger popups as soon as use scrolls the page
– Trigger popups on Exit/Intent.
– Hide Social Share popups on mobile devices
– Display Total Share counts
– Options for customizing the colors

Fly-ins Premium Feature
– Social Share Flyins on bottom left & right with Animations
– Hide Social Share Fly-ins on mobile devices
– Display Total Share counts
– Settings for customizing the colors of buttons and fly-ins

** That’s not all. Simple Social Buttons can also add social media buttons to: **

  • Static Pages
  • Front Page
  • Posts Categories
  • Date Archives
  • Tags Archives
  • Custom Post Types

    The most easiest Social Sharing solution for EVERYONE!

Want’s more? Now you can change the order of buttons on your post!

Simple Social Buttons is currently in the following languages:

Выводы

Мы задались целью и протестировали вдоль и впоперек 5 известных популярных сервисов для добавления на сайты социальных кнопок. Все они в той или иной мере хороши, но по ряду признаков победителем сравнения был признан Юсошиал. Именно его мы используем на своем сайте и рекомендуем всем!

uSocial – продвинутый и эффективный конструктор для сборки и добавления соцкнопкок на любые сайты. Процесс создания виджета занимает не более 5 минут. Результат получается весьма приятным, а главное – функциональным! Вы сможете просматривать подробную статистику и оптимизировать сайт в соответствии с полученной информацией. Кроме того, соцбар стильно смотрится и качественно собран: чистый код, легковесный, быстрозагружаемый. Никаких лагов или сбоев – панель работает как часы. Выбор редакции в этой категории, в общем.

Оцените статью
Рейтинг автора
5
Материал подготовил
Андрей Измаилов
Наш эксперт
Написано статей
116
Добавить комментарий