Ръководство за настройване на АМР и Мениджър на маркери

Проектът Accelerated Mobile Pages (АМР) е уеб платформа с отворен код, която има за цел да Ви помогне да подобрите ефективността на уеб съдържанието си. АМР включва вградена поддръжка за Мениджър на маркери на Google. В този документ се описва препоръчителният начин за настройване на Мениджър на маркери на Google на АМР страници.

За да инсталирате Мениджър на маркери за АМР:

Създайте контейнер за АМР в Мениджър на маркери.
Добавете фрагмента на Мениджър на маркери към АМР страниците си.
Конфигурирайте маркери в контейнера за Мениджър на маркери и публикувайте.

Създаване на контейнер за АМР

Мениджър на маркери включва тип контейнер за АМР. Създайте нов такъв контейнер за проекта си:

На екрана Профили кликнете върху Още действия () за профила, който искате да използвате. Изберете Създаване на контейнер.
Дайте име на контейнера. Използвайте описателно име, напр. example.com – новини – АМР.
Под Къде да се използва контейнерът изберете АМР.
Кликнете върху Създаване.

Контейнерът Ви е готов. Следващата стъпка е да инсталирате кода на Мениджър на маркери на АМР страниците си.

Мениджър на маркери ще предостави информация за най-добрия начин за инсталиране на фрагмента от код, като можете да използвате за допълнителни насоки и следващата секция.

Добавяне на фрагмента на Мениджър на маркери

След създаването на новия контейнер за АМР ще се покаже екранът Инсталиране на Мениджър на маркери на Google. Мениджър на маркери предоставя два фрагмента от код. Копирайте ги, така че да се показват на АМР страниците Ви.

Забележка: За да отворите фрагмента от код по-късно, кликнете върху идентификационния номер на контейнера в горната част на страницата си с общ преглед на работното пространство или кликнете върху Администриране и след това – върху Инсталиране на Мениджър на маркери на Google.

Първият фрагмент добавя компонента amp-analytics към АМР страницата Ви. Този код се поставя в края на секцията <head> на страницата Ви и трябва да се покаже на нея само веднъж.

<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>

Важно: Добавете този код към страницата си, ако още не съществува, и проверете дали се показва само веднъж на страница.

Вторият фрагмент конфигурира amp-analytics за използване на Мениджър на маркери. Поставете този код веднага след отварящия елемент <body>. Заменете GTM-CONTAINER_ID с идентификационния номер на контейнера си за Мениджър на маркери или копирайте и поставете целия фрагмент от потребителския интерфейс на Мениджър на маркери.

<amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-CONTAINER_ID" data-credentials="include"></amp-analytics>

Конфигуриране на контейнера Ви и публикуване

Когато фрагментът на контейнера е инсталиран правилно на страниците Ви, те ще могат да задействат маркери, разположени от Мениджър на маркери. Следващата стъпка е да създадете конфигурации на маркери и да публикувате контейнера.

За да създадете нов маркер:

Кликнете върху Маркери Нов.
Кликнете върху Конфигуриране на маркери и изберете типа на маркера от списъка с поддържани маркери за АМР.
Конфигурирайте маркера с информацията, предоставена от доставчика Ви на маркери.
Кликнете върху Задействане и добавете едно или няколко условия за събития, които ще водят до задействането на маркера.
Задайте име на задействането и кликнете върху Запазване.

Повторете тези стъпки за всички допълнителни конфигурации на маркери. Когато контейнерът Ви е готов, публикувайте го, за да влязат в сила промените.

Променливи за страницата

Мениджър на маркери може да записва променливи за АМР и да ги използва в конфигурациите на маркери и задействания. Например страница, на която се продават обувки, може да има променливи, описващи характеристиките на определена обувка. Тези стойности могат да се използват за създаването на променливи на Мениджър на маркери:

<amp-analytics config="https://www.googletagmanager.com/amp.json?id=Tag Manager-XXXXXX;Tag Manager.url=SOURCE_URL" data-credentials="include">
  <script type="application/json ">
      {
          "vars" : {
              "тип": "обувки",
              "цвят": "червен"
          }
      }
  </script>
</amp-analytics>

За да създадете дефинирана от потребителя променлива в Мениджър на маркери, която записва променливата за цвят от горепосочения код:

Кликнете върху Променливи.
Под Дефинирани от потребителя променливи кликнете върху Нова.
Кликнете върху Конфигуриране на променливи и изберете Променлива за АМР.
В полето Име на променливата за АМР въведете името на полето (напр. цвят).
Задайте описателно име на променливата (напр. Променлива за АМР – цвят)
Кликнете върху Запазване.

Маркери за АМР с поддръжка на Мениджър на маркери

Това полезно ли бе?

Как можем да направим подобрения?