Как получить ключ токена YA-метрики
Это займет некоторое время, но это нужно сделать один раз.
Перед началом у вас должно быть:
- Яндекс-аккаунт
- Аккаунт в Яндекс-метрике
- Созданный сайт в Multy.ai
- Тариф не ниже Business
- Отключенная блокировка рекламы в браузере (это важно)
Общий список этапов:
- Создаем сайт
- Создаем главную страницу
- Создаем короткую ссылку на главную страницу
- Создаем отдельную страницу со скриптом для виджета, который выдаст нам токен
- Создаем приложение в Яндексе
- Настраиваем нашу страницу со скриптом, запускаем и получаем токен
Первые два этапа здесь разбирать не будем.
Например, мы создали сайт и наша главная страница: https://mynewsite.uki.ai
Создаем короткую ссылку
Вы можете создать и заполнить все поля вручную.
Но самый простой способ - соберите простую схему с реакцией на кнопку-ссылку.
В ссылку вставьте ваш сайт и не включайте галочку.
Затем, как только напишите ключевое слово в боте и получите сообщение с кнопкой, в разделе "Короткие ссылки" у вас появится нужная вам сокращенная ссылка.
Например, вот моя новая сокращенная ссылка: https://uki.ai/IElDyDhJeR
С этим этапом разобрались.
Едем дальше.
Создаем страницу с виджетом
Виджет - это JavaScript - а он доступен только на тарифе Business и VIP.
Создаем новую страницу.
- Заходим сразу во вкладку "Настройки"
- Указываем алиас. Например:
lkjsdfhgs - эту страницу никто кроме нас не должен видеть.
И здесь же, во вкладке "Настройки" - спускаемся вниз и прокликиваем три галочки:
Теперь идем на вкладку "Данные".
Здесь нам нужно указать название. Например: ЯМетрика
И в описание вставить код. И сохранить страницу.
Текст кода:
<head>
<script src="https://yastatic.net/s3/passport-sdk/autofill/v1/sdk-suggest-with-polyfills-latest.js"></script>
</head>
<body>
<script>window.YaAuthSuggest.init(
{
client_id: "09f6ffff9sss994ssf9b999fss99672c",
response_type: "token",
redirect_uri: "https://uki.ai/IElDyDhJeR/24"
},
"https://mynewsite.uki.ai",
{ view: "default" }
)
.then(({handler}) => handler())
.then(data => console.log('Сообщение с токеном', data))
.catch(error => console.log('Обработка ошибки', error))</script>
привет
</body>
client_id - ClientID из вашего приложения Яндекса.
redirect_uri - сокращенная ссылка с любым алиасом, например /24
И сама ссылка на сайт
В итоге у нас есть ссылка: https://mynewsite.uki.ai/lkjsdfhgs перейдя по которой, мы запустим виджет для получения токена.
Как получить ClientID
Для этого нам необходимо создать приложение по ссылке:
https://oauth.yandex.ru/client/new
- Указываем название. В нашем случае любое. Например: MultyAI.
И выбираем "Веб-сервисы"
2. Укажите ссылки:
- Redirect URL - здесь как раз укажите вашу сокращенную ссылку с доп. алиасом. В нашем примере это:
https://uki.ai/IElDyDhJeR/24
- Suggest Hostname - здесь укажите ссылку на ваш сайт без / в конце. Например:
https://mynewsite.uki.ai
3. Выберите нужные доступы.
Укажите: metrika:write и metrika:read
4. И укажите вашу почту
После создания приложения заходим в раздел "Мои приложения"
И копируем внутри ваш ClientID.
Например: 09f6ffff9sss994ssf9b999fss99672c
Получаем ключ токена
Ранее вы уже создали страницу.
Осталось в ней только поменять ClientID.
https://mynewsite.uki.ai/lkjsdfhgs - пример, который мы создавали с вами.
Переходим по ссылке и видим виджет.
Нажимаем "Войти"
В открывшемся окне копируем ссылку и достаем от туда наш токен.
Например, ссылка:
https://multy.ai/#access_token=y0__xDk39-SAqjFkjYg3Is7yRIdaaP3_3ceYJgGbuSsG4QHpswDtz&token_type=bearer&expires_in=4133254&cid=sfdghdsfghfdshgfdsg
Где y0__xDk39-SAqjFkjYg3Is7yRIdaaP3_3ceYJgGbuSsG4QHpswDtz - наш ключ токена.
Готово. Токен получен.
Токен доступен 1 год. И через год его нужно будет получить снова.
Возвращаемся и настраиваем передачу целей в метрику.