Google Analytics: як аналізувати Core Web Vitals в режимі реального часу?

Google офіційно заявив про показники CWV як про прямі фактори рейтингу. Це означає, що необхідно аналізувати і покращувати кожну з метрик.

Проблема в тому, що з коробки в тому ж GA показники не проаналізувати, а в режимі реального часу і поготів, але рішення є.

Щоб відстежувати CWV, додайте офіційний скрипт перед тим, як закрити тег </body>:

<script type=”module”>
import {getCLS, getFID, getLCP} from ‘https://unpkg.com/web-vitals?module’;

Ну що, ти вже підписався (-ась) на нашу Тєлєгу? (° ͜ʖ°)

getCLS(console.log);
getFID(console.log);
getLCP(console.log);
</script>

Після чого налаштуйте інструменти розробника і відправте дані в GA за інструкцією від Google:

https://developers.google.com/codelabs/chrome-web-vitals-js#2

Profit 😎

P. S. в блозі screamingfrog днями вийшов (https://www.screamingfrog.co.uk/how-to-audit-core-web-vitals/) чудовий мастрид про те, як аудувати і покращувати показники CWV.

Оцініть статтю
Додати коментар