Как реализовать якоря по тега H?

Привет всем.
Задался такой задачей: Создать блок в начале статьи с Оглавлением статьи и привязать к ним якорные ссылки по статье, якорь цеплять к тегу H2

Что выдумал:
Создал допросными поля% gl-1, gl-2, gl-3, gl-4....gl-10
В шаблон fullstoty вставил:

<h4>Оглавление:</h4>
<ul>
<li>[xfgiven_gl-1]<a href="#[xfvalue_gl-1]">[xfvalue_gl-1]</a>[/xfgiven_gl-1]</li>
<li>[xfgiven_gl-2]<a href="#[xfvalue_gl-2]">[xfvalue_gl-2]</a>[/xfgiven_gl-2]</li>
<li>[xfgiven_gl-3]<a href="#[xfvalue_gl-3]">[xfvalue_gl-3]</a>[/xfgiven_gl-3]</li>
<li>[xfgiven_gl-4]<a href="#[xfvalue_gl-4]">[xfvalue_gl-4]</a>[/xfgiven_gl-4]</li>
<li>[xfgiven_gl-5]<a href="#[xfvalue_gl-5]">[xfvalue_gl-5]</a>[/xfgiven_gl-5]</li>
<li>[xfgiven_gl-6]<a href="#[xfvalue_gl-6]">[xfvalue_gl-6]</a>[/xfgiven_gl-6]</li>
<li>[xfgiven_gl-7]<a href="#[xfvalue_gl-7]">[xfvalue_gl-7]</a>[/xfgiven_gl-7]</li>
</ul>

Помогите доработать задумку, как привязать id к тегу H2 по умолчанию?

Пример начала реализации на сайте:
Пример