Водич за подешавање AMP-а и Менаџера ознака

Пројекат Accelerated Mobile Pages (AMP) је веб-платформа отвореног кода која побољшава учинак веб-садржаја. AMP има уграђену подршку за Google менаџер ознака. У овом документу описујемо препоручени начин подешавања Google менаџера ознака за AMP странице.

Да бисте инсталирали Менаџер ознака за AMP:

Направите AMP контејнер у Менаџеру ознака.
Додајте фрагмент Менаџера ознака у AMP странице.
Конфигуришите ознаке у контејнеру Менаџера ознака и објавите контејнер.

Направите AMP контејнер

Менаџер ознака садржи тип AMP контејнера. Направите нови AMP контејнер за пројекат:

На екрану Налози кликните на Још радњи () за налог који желите да користите. Изаберите Направи контејнер.
Именујте контејнер. Користите описно име, нпр. example.com – вести - AMP.
У делу Где ћете користити контејнер изаберите AMP.
Кликните на Направи.

Контејнер је сада спреман. Следећи корак је инсталирање кода Менаџера ознака на AMP странице.

Менаџер ознака вам пружа информације о најбољем начину инсталирања фрагмента кода, а додатна упутства можете да потражите и у следећем одељку.

Додајте фрагмент Менаџера ознака

Када направите нови AMP контејнер, појавиће се екран за инсталирање Google менаџера ознака. Менаџер ознака пружа два фрагмента кода. Прекопирајте их на AMP странице.

Напомена: Да бисте касније могли да приступате фрагменту кода, кликните на ИД број контејнера у врху странице прегледа радног простора или пак на Администратор, па на Инсталирај Google менаџер ознака.

Први фрагмент додаје компоненту amp-analytics на AMP страницу. Овај кôд се поставља на крај <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 ознака.
Конфигуришите ознаку помоћу информација које вам је обезбедио добављач ознака.
Кликните на Покретање и додајте један услов за догађај или више њих који ће покренути ознаку.
Именујте покретач и кликните на Сачувај.

Поновите ове кораке за додатне конфигурације ознака. После конфигурисања објавите контејнер да би промене ступиле на снагу.

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

Менаџер ознака може да евидентира AMP променљиве и користи их у конфигурацијама ознака и покретача. На пример, страница на којој се продају ципеле може да има променљиве које описују карактеристике одређених ципела. Ове вредности могу да се користе за прављење променљивих Менаџера ознака:

<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>

Да бисте у Менаџеру ознака направили кориснички дефинисану променљиву која евидентира променљиву „боја“ из горенаведеног кода:

Кликните на Променљиве.
У одељку Кориснички дефинисане променљиве кликните на Нова.
Кликните на Конфигурација променљиве и изаберите AMP променљива.
У поље Назив AMP променљиве унесите назив поља (нпр. боја.)
Нека назив променљиве буде описан (нпр. AMP променљива – боја.)
Кликните на Сачувај.

AMP ознаке са подршком за Менаџер ознака

Да ли вам је ово било корисно?

Како то можемо да побољшамо?