Кнопка для сайта
В разделе Настройки → Кнопка для сайта можно получить код кнопки для сайта. С помощь этой кнопки пользователи смогут оформить подписку на Вашем сайте.
Внимание! На данный момент кнопка не работает с платными подписками.
Кнопка для подписки на сайте
Код кнопки выглядит следующим образом:
1
<!-- Senler.ru button code -->
2
<script src="//senler.loc/dist/web/js/senler.js?5"></script>
3
<script>
4
try {
5
Senler.ButtonSubscribe("senlerBtn-1603129644");
6
} catch (e) {
7
console.log(e);
8
}
9
</script>
10
<div id="senlerBtn-1603129644" data-vk_group_id="102312116"
11
data-subscription_id="" data-text="" data-alt_text=""></div>
Copied!
Функция Senler.ButtonSubscribe принимает следующие параметры:
Название
Тип
Описание
senlerBtnID
string
Идентификатор элемента, в котором создается кнопка. Должен быть уникальным в рамках одной страницы.
params
object
Дополнительные параметры (необязательно).
Дополнительные параметры имеют следующую структуру:
Название
Тип
Описание
completeCallback
function
Функция, которая будет вызвана после завершения ajax-запроса (вызывается позднее функций-обработчиков успешного (successCallback) или аварийного (errorCallback) завершения запроса).
successCallback
function
Функция, которая вызывается после оформления подписки.
errorCallback
function
Функция, которая вызывается после аварийного завершения запроса.

Пример кнопки

1
Senler.ButtonSubscribe("senlerBtnID", {
2
completeCallback: function (el) {
3
console.log('Запрос пришел успешно');
4
},
5
successCallback: function (el) {
6
console.log('Пользователь подписался');
7
},
8
errorCallback: function (el, jqXHR, textStatus, errorThrown) {
9
console.log('Ошибка при запросе');
10
}
11
});
Copied!
Функции можно использовать для достижения целей различных метрик (Яндекс Метрика, Google Analytics и другие), например:
1
Senler.ButtonSubscribe("senlerBtnID", {
2
successCallback: function (el) {
3
// console.log('Пользователь подписался');
4
ga('send', 'event', 'Button', 'click', 'subscribe');
5
ym(YM_ID, 'reachGoal', 'subscribe');
6
}
7
});
Copied!
где YM_ID — номер счетчика в Яндекс.Метрике, subscribe — идентификатор цели.

Собственный стиль кнопки

Определить собственный стиль кнопки подписки можно следующим образом на странице сайта:
1
<style>
2
/* стиль для кнопки перед подпиской */
3
.senler.senler-btn {
4
background-color: green;
5
font-size: 21px;
6
color: #fff;
7
padding: 20px 10px;
8
}
9
10
/* стиль для кнопки после подписки */
11
.senler.senler-btn.senler-btn-alt {
12
background-color: #fff;
13
color: #000;
14
}
15
</style>
Copied!

Мобильные устройства

На мобильных устройствах механика кнопки для подписки отличается от версии для ПК. При нажатии на кнопку открывается приложение сообщества в мобильном приложение ВКонтакте. Так сделано по следующим причинам:
  • в некоторых случаях пользователи не авторизованы ВКонтакте в мобильном браузере;
  • в большинстве случаев у пользователей установлено мобильное приложение ВКонтакте.

Полезные материалы

О сервисе - Метрика. Справка
Analytics Help
Last modified 8mo ago