Yandex Metrica

https://yandex.ru/support/metrica/ru/code/
Admin
Yandex Metrica is an analytics and traffic monitoring service that provides website owners with...
Tokens:4,630
Snippets:36
Trust Score:9.9
Update:6 days ago
Show doc for...
Tokens:
Raw
### Фрагмент кода счетчика с атрибутом nonce

Source: https://yandex.ru/support/metrica/ru/code/install-counter-csp

Фрагмент HTML-кода счетчика Яндекс Метрики, содержащий атрибут nonce, значение которого должно совпадать с последовательностью символов из директивы script-src.

```html
...
<!-- Yandex Metrica tag -->
<script type="text/javascript" nonce="<последовательность символов>">
    (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||
    []).push(arguments)};
...

```

--------------------------------

### Подключение внешнего JS-файла в HTML

Source: https://yandex.ru/support/metrica/ru/code/install-counter-csp

HTML-элемент script с атрибутом src, указывающим на внешний файл metrika.js.

```html
<script type="text/javascript" src="/metrika.js"></script>
```

--------------------------------

### Содержимое файла metrika.js

Source: https://yandex.ru/support/metrica/ru/code/install-counter-csp

JavaScript-код счетчика Яндекс Метрики, который необходимо добавить в файл metrika.js. Вместо XXXXXXXXX укажите номер счетчика.

```javascript
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||
[]).push(arguments)};
    m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)
[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
    (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym")
    ym(XXXXXXXX, "init", {
        id:XXXXXXXX,
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true
    });
```

--------------------------------

### Директива script-src с nonce для Content-Security-Policy

Source: https://yandex.ru/support/metrica/ru/code/install-counter-csp

Пример директивы script-src с атрибутом nonce, который должен содержать случайную последовательность символов, сформированную на сервере при каждом запросе.

```http
Content-Security-Policy: script-src 'nonce-<последовательность символов>';

```

--------------------------------

### Директива frame-ancestors для Content-Security-Policy

Source: https://yandex.ru/support/metrica/ru/code/install-counter-csp

Пример директивы frame-ancestors для правильной работы Вебвизора, карт кликов, ссылок и скроллинга. Используйте адреса для frame-ancestors.

```http
Content-Security-Policy: frame-ancestors: http://metrika.yandex.ru;

```

--------------------------------

### Элемент noscript для отключенного JavaScript

Source: https://yandex.ru/support/metrica/ru/code/install-counter-csp

HTML-код для сбора данных о посетителях с отключенным JavaScript. Вместо XXXXXXXXX укажите номер счетчика.

```html
<noscript><div><img src="https://mc.yandex.ru/watch/XXXXXXXX" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
```

--------------------------------

### HTTP-заголовок Content-Security-Policy: connect-src

Source: https://yandex.ru/support/metrica/ru/code/install-counter-csp

Директива connect-src для подключения к Яндекс Метрике.

```http
Content-Security-Policy: connect-src https://mc.yandex.ru;
```

--------------------------------

### Директива connect-src для Content-Security-Policy

Source: https://yandex.ru/support/metrica/ru/code/install-counter-csp

Пример директивы connect-src для подключения к Яндекс Метрике.

```http
Content-Security-Policy: connect-src https://mc.yandex.ru;

```

--------------------------------

### Директива frame-src для Content-Security-Policy

Source: https://yandex.ru/support/metrica/ru/code/install-counter-csp

Пример директивы frame-src с указанием строки blob: https://mc.yandex.ru для правильной работы Вебвизора, карт кликов, ссылок и скроллинга.

```http
Content-Security-Policy: frame-src blob: https://mc.yandex.ru;

```

--------------------------------

### HTTP-заголовок Content-Security-Policy: frame-src

Source: https://yandex.ru/support/metrica/ru/code/install-counter-csp

Директива frame-src с указанием строки blob: https://mc.yandex.ru для правильной работы Вебвизора, карт кликов, ссылок и скроллинга.

```http
Content-Security-Policy: frame-src blob: https://mc.yandex.ru;
```

--------------------------------

### HTTP-заголовок Content-Security-Policy: img-src

Source: https://yandex.ru/support/metrica/ru/code/install-counter-csp

Директива img-src для разрешения обработки содержимого элемента noscript.

```http
Content-Security-Policy: img-src https://mc.yandex.ru;
```

--------------------------------

### Директива child-src для Content-Security-Policy

Source: https://yandex.ru/support/metrica/ru/code/install-counter-csp

Пример директивы child-src с указанием строки blob: https://mc.yandex.ru для правильной работы Вебвизора, карт кликов, ссылок и скроллинга.

```http
Content-Security-Policy: child-src blob: https://mc.yandex.ru;

```

--------------------------------

### HTTP-заголовок Content-Security-Policy: script-src

Source: https://yandex.ru/support/metrica/ru/code/install-counter-csp

Директива script-src для разрешения обработки скриптов от Яндекс Метрики.

```http
Content-Security-Policy: script-src https://mc.yandex.ru https://yastatic.net;
```

--------------------------------

### Пример HTTP-заголовка при использовании внешнего скрипта

Source: https://yandex.ru/support/metrica/ru/code/install-counter-csp

Полный пример HTTP-заголовка Content-Security-Policy с директивами img-src, script-src и connect-src.

```http
Content-Security-Policy:
 ...
 img-src https://mc.yandex.ru;
 script-src 'self' https://mc.yandex.ru https://yastatic.net;
 connect-src https://mc.yandex.ru;
 ...
```

--------------------------------

### Директива img-src для Content-Security-Policy

Source: https://yandex.ru/support/metrica/ru/code/install-counter-csp

Пример директивы img-src, разрешающей обработку содержимого элемента noscript.

```http
Content-Security-Policy: img-src https://mc.yandex.ru;

```

--------------------------------

### HTTP-заголовок Content-Security-Policy: child-src

Source: https://yandex.ru/support/metrica/ru/code/install-counter-csp

Директива child-src с указанием строки blob: https://mc.yandex.ru для правильной работы Вебвизора, карт кликов, ссылок и скроллинга.

```http
Content-Security-Policy: child-src blob: https://mc.yandex.ru;
```

--------------------------------

### Пример HTTP-заголовка Content-Security-Policy

Source: https://yandex.ru/support/metrica/ru/code/install-counter-csp

Полный пример HTTP-заголовка при использовании данного способа размещения счетчика.

```http
Content-Security-Policy:
 ...
 img-src https://mc.yandex.ru;
 script-src https://mc.yandex.ru https://yastatic.net 'nonce-<последовательность символов>';
 connect-src https://mc.yandex.ru;
 ...

```
Tokens:
Raw