> For the complete documentation index, see [llms.txt](https://top-100-writer.gitbook.io/top100-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://top-100-writer.gitbook.io/top100-documentation/prakticheskie-primery-i-ispolzovanie-cook-book/prakticheskoe-rukovodstvo-po-analitike-blokov/razmetka-blokov.md).

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

В код инициализации счётчика необходимо передавать все значения 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>
```