Блок поделиться от Рамблер

Позвольте представить вам сервис — конкурент популярного виджета Яндекса «Поделиться».

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

Социальные сети, в которые происходит расшаривание:

• ВКонтакте
• Facebook
• Одноклассники
• LiveJournal
• Twitter
• МойМир
• Google+
• LinkedIn
• Telegram
• Viber
• WhatsApp

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

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

Настройки можно осуществить как через визуальный редактор:

Так и с помощью самого кода и специальных атрибутов:

"style": {
"buttonHeight": 30,
"iconSize": 15,
"borderRadius": 15
…
},

Где:

• buttonHeight — высота кнопок в px,
• iconSize — размер кнопок в px,
• borderRadius — радиус обводки кнопки в px,
• borderWidth — толщина обводки кнопок в px,
• counterSize — размер в px,
• buttonBackground — цвет фона кнопок (HEX), по умолчанию устанавливается официальный цвет социальной сети,
• iconColor — цвет самих иконок,
• borderColor — цвет обводки кнопок,
• textColor — цвет текста счетчика,
• buttonBackgroundHover — цвет фона кнопок, по умолчанию используется цвет социальной сети,
• borderColorHover — цвет обводки кнопки при навдении,
• borderWidthHover — толщина кнопки при наведении,
• iconColorHover — цвет иконок при наведениии,
• textColorHover — цвет текста счетчика при наведении,
• font — возможный фришт:
1. Arial
2. Helvetica
3. Comic Sans MS
4. Courier New
5. Georgia
6. Tahoma
7. Geneva
8. Times New Roman
9. Trebuchet MS
10. Roboto

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

Специальные атрибуты кнопок Рамблер

• alternateUtm — опциональный атрибут, используется для задания массива параметров при подсчете количества публикаций,
• accumulationButton — опциональный атрибут, указывающий на дополнительный элемент — счетчик с суммарным показателем расшариваний,
• caption — текст кнопки, по умолчанию false, отображаются иконки социальной сети,
• counter — параметр отображения количества расшариваний (работает не для всех социальных сетей),
• title — заголовок для социальной сети,
• description — описание расшаривания,
• image — изображение, если требуется,
• url — ссылка на страницы шары,

Четыре последнии параметра следует задавать через специальные метки, поддерживаемые социальными сетями (OGP, например)

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

<div class="rambler-share my-container-x"></div>

где, x — номер контейнера

<script>
(function() {
var init = function() {
…
RamblerShare.init('.my-container-1', {
…
});
…
RamblerShare.init('.my-container-2', {
…
});
};

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