Технологии - Руководство «MediaButtons» Конструктор

«MediaButtons»: часто задаваемые вопросы

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

В результате чего виджет кнопок увеличивает посещаемость Вашего сайта на 5-20%.

Кнопки предоставляются бесплатно, установив их вы можете участвовать в нашей "Программе для региональных СМИ".
  • Векторные кнопки. Мы не используем ни 1 картинки и все изображения кнопок создаются наши кодом "на лету".
  • Уникальные формы. Наши формы кнопок тоже векторные. Мы не ограничены только круглыми и квадратными формами и постоянно добавляем новые стильные формы кнопок.
  • Максимальное быстродействие. Наш код весит около 50кб и отдается только 1 запросом. В отличие от других сервисов мы не грузим сотни килобайт кода дюжиной запросов к серверу.
  • СЕО-оптимизация. Никаких лишних ссылок. Все ссылки выводятся при помощи javascript с атрибутом rel=«nofollow» и безопасны для поисковиков.
  • Безопасность. Мы не собираем статистику и др. специнформацию о ваших посетителях и не передаем ее "третьим лицам" в отличие от некоторых аналогичных сервисов.
  • Кнопки "под ключ". Принимаем заказы на разработку спецформ кнопок для вашего сайта. Пишите нам на smi@mediarepost.ru
  • Настройте внешний вид и параметры кнопок в нашем Конструкторе
  • Скопируйте и установите полученный код кнопок в HTML-верстку вашего сайта в том месте, где хотите расположить кнопки
Для этого в тэг HEAD вашего сайта необходимо вставить следующий код:
                              <meta property="og:title" content="Заголовок" />
                              <meta property="og:description" content="Описание" />
                              <meta property="og:url" content="Ссылка на страницу" />
                              <meta property="og:image" content="Ссылка на картинку" />

                              <meta name="title" content="Заголовок" />
                              <meta name="description" content="Описание" />
                              <link rel="image_src" href="Ссылка на картинку" />
                          
Если вы хотите прописать свои данные (Заголовок, Описание, Картинку), чтобы они брались не на основе мета-тегов, то вы можете указать такие данные в дополнительных параметрах, которые необходимо вставить в базовый элемент <div> вашего кода, например:
                              <div data-title="Название" data-description="Описание" data-image="http://полная_ссылка_на_изображение.jpg" class="mb-share-9cebce967aa2f88a0bf35116d8b59de1 horizontal left"></div>
                          
ВАЖНО! Название и Описание должны быть очищены от html-тегов и экранированы (не допускается наличие неэкранированных двойных кавычек)!
Да, код наших кнопок поделиться в соцсети работают корректно как по протоколу http так и по протоколу https.
Да, ссылки, написанные кириллицей, работают с нашим сервисом корректно.
Некоторые соцсети берут данные о картинке и описании только из специальных метатегов.

Для решения проблемы, необходимо в тэг HEAD вставить следующий код:
                              <meta property="og:title" content="Заголовок" />
                              <meta property="og:description" content="Описание" />
                              <meta property="og:url" content="Ссылка на страницу" />
                              <meta property="og:image" content="Ссылка на картинку" />

                              <meta name="title" content="Заголовок" />
                              <meta name="description" content="Описание" />
                              <link rel="image_src" href="Ссылка на картинку" />
                          
Если вы хотите прописать свои данные (Заголовок, Описание, Картинку), чтобы они брались не на основе мета-тегов, то вы можете указать такие данные в дополнительных параметрах, которые необходимо вставить в базовый элемент <div> вашего кода, например:
                              <div data-title="Название" data-description="Описание" data-image="http://полная_ссылка_на_изображение.jpg" class="mb-share-9cebce967aa2f88a0bf35116d8b59de1 horizontal left"></div>
                          
ВАЖНО! Название и Описание должны быть очищены от html-тегов и экранированы (не допускается наличие неэкранированных двойных кавычек)!
Нет, наш код кнопок не влияет на скорость загрузки страниц вашего сайта.
1. Наш код загружается асинхронно всего одним запросом к серверу
2. Нами используется кэширование на стороне клиента (304 Not Modified)
Мы разрабатываем систему статистики и отчетов по нажатиям кнопок. Следите за обновлениями.
Да, вы можете устанавливать на одной странице несколько панелей с кнопками (например на странице раздела с краткими анонсами новостей).
Для этого необходимо указать дополнительные параметры, которые необходимо вставить в базовый элемент <div> вашего кода, например:
                              <div data-url="Полная_ссылка_на_страницу" data-title="Название" data-description="Описание" data-image="http://полная_ссылка_на_изображение.jpg" class="mb-share-9cebce967aa2f88a0bf35116d8b59de1-key2 horizontal left"></div>
                          
,где вместо "-key2" должен быть дополнительный уникальный идентификатор статьи, например id статьи ("-23099"), знак тире "-" перед идентификатором обязателен!
Если у вас возникает такая ситуация значит у вас не установлена соответствующая программа (Viber, WhatsApp или Telegram).

Если программа установлена, то при нажатии на соответствующую кнопку нашего сервиса, она будет открыта и вам необходимо будет выбрать контакт (адресата) с кем вы хотите поделиться ссылкой.
После этого ссылка будет автоматически вставлена в окно чата.
Чтобы счетчики считали нескольких разных страницах сайта как одну вам необходимо добавить для этих страниц в код виджета параметр channel с одинаковым значением.
Например:
<script type="text/javascript" async charset="utf-8" src="//mediabuttons.ru/share.js?buttons=vk,ok,fb,tw,gg,bm&size=medium&theme=1&direction=horizontal&channel=12345"></script>
                          
На любой странице с таким channel=12345, счетчики будут одинаковые. Можно использовать латинские буквы и цифры.
По любым вопросам, связанным с кнопками MediaButtons пишите нам на smi@mediarepost.ru