# Передача параметров аналитики без использования виджета

{% hint style="warning" %}
Данная статья предназначена для специалистов, обладающих практическим опытом настройки виджетов и передачи параметров аналитики. Материал содержит технические детали и требует понимания принципов интеграции с аналитическими системами.

При отсутствии соответствующего опыта рекомендуем обратиться к квалифицированному подрядчику или интегратору. Это обеспечит стабильную работу виджета и корректную передачу данных аналитики.
{% endhint %}

{% hint style="info" %}
Для того чтобы параметры аналитики были верно отработаны, вам необходимо в [Настройках коннектора](https://docs.olchat.io/ustanovka-i-nastroika/interfeisy-prilozheniya/opisanie-nastroek-konnektora) приложения Олчат настроить [Бот-помощник](https://docs.olchat.io/bot-pomoshnik), а также [Виджет на сайт](https://docs.olchat.io/vidzhet-dlya-saita).\
Сообщение в виджете на сайт необходимо прописать такое же, как вы указали на сайте. Это необходимо для верной обработки параметра аналитики и записи его в нужное пользовательское поле.
{% endhint %}

### Настройка кнопки WhatsApp

Кроме стандартного виджета от Битрикс24, вы можете установить на сайт свою кнопку WhatsApp, зашить в неё приветственное сообщение и параметр для передачи идентификатора любого сервиса аналитики. 

Внешний вид кнопки может быть, например, таким:

<figure><img src="https://2213176759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LcuJc7XlLhpPyLWZz1s%2Fuploads%2FwAq4kq8NH0cTphChdzwg%2Fimage.png?alt=media&#x26;token=3735b251-dd7b-4b32-89d6-3afc88d7d102" alt=""><figcaption></figcaption></figure>

В приветственном сообщении укажите параметр **{visit\_id}**, например, в таком виде: *Обязательно отправьте это сообщение и дождитесь ответа! Ваш номер:* **{visit\_id}.**

Код кнопки WhatsApp из приведённого выше примера может выглядеть следующим образом:

```markup
<a class="whatsapp_olchat" href="https://api.whatsapp.com/send?phone=79000000000&amp;text=Обязательно отправьте это сообщение и дождитесь ответа! Ваш номер:{visit_id}" rel="noopener noreferrer">
  <div class="whatsapp-button"><i class="fa fa-whatsapp"></i></div>
</a>
```

```
.whatsapp-button {
    position: fixed;
    right: 13px;
    bottom: 90px;
    transform: translate(-50%, -50%);
    background: #25D366; /*цвет кнопки*/
    border-radius: 50%;
    width: 55px; /*ширина кнопки*/
    height: 55px; /*высота кнопки*/
    color: #fff;
    text-align: center;
    line-height: 53px; /*центровка иконки в кнопке*/
    font-size: 35px; /*размер иконки*/
    z-index: 9999;
}
.whatsapp-button a {
    color: #fff;
}
.whatsapp-button:before,
.whatsapp-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #25D366; /*цвет анимированных волн от кнопки*/
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden; 
}
 
.whatsapp-button:after{
    animation-delay: .5s;
}
 
@keyframes animate
{
    0%
    {
        transform: scale(0.5);
        opacity: 0;
    }
    50%
    {
        opacity: 1;
    }
    100%
    {
        transform: scale(1.2);
        opacity: 0;
    }
}
```

### Настройка сайта

{% hint style="info" %}
В описанном ниже примере приведён модифицированный код для подстановки в параметр **{visit\_id}** значения идентификатора сервиса аналитики Calltouch.
{% endhint %}

Модифицируйте код на сайте следующим образом:

```javascript
<script>

const wabutton = setInterval(() => {
        const l = document.querySelector('.whatsapp_olchat');
        if (l !== null) {
            const sessionId = window.ct('calltracking_params', 'mod_id')[0].sessionId;
            if (sessionId) {
                clearInterval(wabutton);
                l.href = l.href.replace(/\{visit_id\}/, sessionId);
            }
        }
    }, 250);

/* КОД КНОПКИ WHATSAPP */

/* КОД АНАЛИТИКИ CALLTOUCH */

</script>
```

После перехода по кнопке скрипт отработает и подставит в параметр {visit\_id} код сервиса аналитики:

<figure><img src="https://2213176759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LcuJc7XlLhpPyLWZz1s%2Fuploads%2F1QUqCNbfqRSzHsleDo0C%2Fimage.png?alt=media&#x26;token=c184420d-4f26-4919-9533-f6ea0bafe990" alt=""><figcaption></figcaption></figure>