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

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://top-100-writer.gitbook.io/dokumentaciya-top-100-po-novoi-modeli-progress/prakticheskie-primery-i-ispolzovanie-cook-book/prakticheskoe-rukovodstvo-po-analitike-blokov/razmetka-blokov.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.