1. Установка скрипта
1. Установка скриптов preconnect, prefetch и core.js
На каждой странице сайта в разделе <head> необходимо установить следующие скрипты:
<link rel="preconnect" href="//cdn-01.gravityfield.ai">
<link rel="preconnect" href="//evs-01.gravityfield.ai">
<link rel="dns-prefetch" href="//cdn-01.gravityfield.ai">
<link rel="dns-prefetch" href="//evs-01.gravityfield.ai">Также на каждой странице в разделе <head> необходимо установить скрипт core.js:
<script type="text/javascript" src="//cdn-01.gravityfield.ai/core/core.js"></script>2. Установка переменной GF, Section ID, Page Context
На каждой странице необходимо объявить переменную GF. Она объявляется внутри отдельного скрипта, состоящего из трех частей:
<script>
window.GF = window.GF || {};
GF.section = "идентификатор секции, строка";
GF.pageContext = { type: "PAGETYPE", data: [] }; // PAGETYPE и пустой массив data - это пример
</script>Сама переменная GF;
GF.section- уникальный идентификатор секции, который должен указываться как строковое значение;GF.pageContext- переменная, передающая информацию о контексте страницы и ее описании. Также в Page Context может передаваться параметр локализацииlngв случае, если на сайте используются несколько языков/регионов и необходимо подстраивать контент на соответствующем языке, или, если в разных городах/регионах товар имеет отличающиеся по значению параметры (цена, размер скидки и т. п.)Подробнее по контекстах: 2. Контекст страницы
Пример
Образец корректно установленных скриптов на примере страницы корзины:
Порядок подключения скриптов:
Подключение preconnect и prefetch;
Объявление переменной GF и указание Page Context;
Подключение core.js
Last updated