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>

  1. Сама переменная GF;

  2. GF.section - уникальный идентификатор секции, который должен указываться как строковое значение;

  3. GF.pageContext - переменная, передающая информацию о контексте страницы и ее описании. Также в Page Context может передаваться параметр локализации lng в случае, если на сайте используются несколько языков/регионов и необходимо подстраивать контент на соответствующем языке, или, если в разных городах/регионах товар имеет отличающиеся по значению параметры (цена, размер скидки и т. п.)

    Подробнее по контекстах: 2. Контекст страницы

Пример

Образец корректно установленных скриптов на примере страницы корзины:

<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">

<script>
window.GF = window.GF || {}; 
GF.section = "6315dda2f1c33ba4cd04655b";
GF.pageContext = {type: "CART",data: ["XD-154","DL-5874","TN-15","QSD-1581","XD-15"]};
</script>

<script type="text/javascript" src="//cdn-01.gravityfield.ai/core/core.js"></script>

Порядок подключения скриптов:

  1. Подключение preconnect и prefetch;

  2. Объявление переменной GF и указание Page Context;

  3. Подключение core.js

PreviousClient-Side интеграцияNext2. Контекст страницы

Last updated