Разметка блоков

В код инициализации счётчика необходимо передавать все значения data-атрибутов. Названия data-атрибутов соответствуют главной странице (main) и разделам сайта: primary - младшие классы, middleandsenior - средняя и старшая школа, graduation – поступление, materials – учебно-методические материалы.

<!-- Top100 (Kraken) Counter --> 
    // ... 
    var options = { 
        project: PROJECT_ID, 
        attributes_dataset: [
            'main',
            'primary',
            'middleandsenior', 
            'graduation',
            'materials',
        ],
    }; // ... 
<!-- END Top100 (Kraken) Counter -->

Отчёт «Аналитика блоков» - иерархический: на верхнем уровне вы увидите переданные data-атрибуты, каждый из которых можно развернуть в дерево глубиной до 8 уровней (глубина зависит от настроенной разметки). Разметку блоков можно передавать двумя способами: на каждом уровне вложенности передавать полный путь или использовать логическую иерархию страницы.

Вот как может выглядеть разметка для различных элементов главной страницы и раздела «Средняя и старшая школа».

  • Ссылка на статью «10 причин поступать в МГУ» в блоке рекомендаций на главной странице

data-main="рекомендации::поступление::выбор вуза::10 причин поступать в МГУ"

Либо так:

<div data-main="рекомендации">
  <div data-main="поступление">
    <div data-main="выбор вуза">
      <a href='link' data-main="10 причин поступать в МГУ">10 причин поступать в МГУ</a>
    </div>
  </div>
</div>
  • Ссылка на рубрику «Выбор вуза» в меню на главной странице

data-main="меню::поступление::выбор вуза"

Либо:

<div data-main="меню">
    <div data-main="поступление">
        <div data-main="выбор вуза"></div>
    </div>
</div>
  • Ссылка на статью «10 причин поступать в МГУ» в блоке новых статей на странице материала в разделе «Средняя и старшая школа»

data-middleandsenior="новое::поступление::выбор вуза::10 причин поступать в МГУ"

Либо:

<div data-middleandsenior="новое">
  <div data-middleandsenior="поступление">
    <div data-middleandsenior="выбор вуза">
      <a href='link' middleandsenior="10 причин поступать в МГУ">10 причин поступать в МГУ</a>
    </div>
  </div>
</div>

Last updated