Progex script és a Google Tag Manager szolgáltatás implentálása

Tartalom

miért kell foglalkozni a progex scriptekkel?

A PROGEX script-ek felelősek a zavartalan hirdetéskiszolgálásért a digitális felületeken. Használatukkal magasabb bevételre lehet szert tenni a programozott hirdetési csatornákból. Pontosan ezért elengedhetetlen, hogy megfelelően, - az ezen leírás olvashatók alapján - legyenek elhelyezve az oldaladon. Amennyiben ezek a kódok hiányoznak, a hirdetéskiszolgálás nem fog működni a tartalmad/applikációd esetén, mely végső soron üres megjelenésekhez, és bevételkieséshez fog vezetni.

rendben, de mik azok a progex script-ek?

A PROGEX platformjára való sikeres regisztrációt követően a tartalmad számára egyedi kódokat, úgynevezett scripteket küldünk Neked, amelyeket a tartalmad <head> szakaszába kell elhelyezned. Kérjük engedd meg, hogy felhívjuk a figyelmed arra, hogy ez a leírás a PROGEX és a Google GTM [1] címkéinek beépítéseit együttesen tartalmazza, mivel mindkét folyamat a tartalmad <head> szakaszának módosításával jár!

A PROGEX script-ek minden esetben az alábbi elnevezések szerint készülnke majd el tartalmaid számára:

Első kód: “progex.js”

Ez a kódsor felelős programmatic algoritmusunk működéséért, így minden oldalletöltés során, és minden a PROGEX által monetizált digitális tartalmon meg kell hívni.

Második kód: “progex_{publisher name}.js”

A második kód mindig egyedi, az adott tartalomhoz igazodó elnevezést visel, így mindig a megfelelő digitális tartalomba kell integrálni. (p.l. ha regisztráltad az "A" és "B" oldalakat, az “A” kódot az "A" oldalon a "B" kódot pedig a "B" oldalon kell meghívnod).

Harmadik kód: “gpt.js”

Az úgynevezett "google publisher címke". Ha ezt a kódot már tartalmazza az oldalad, ezt a lépést kérjük, hogy hagyd figyelmen kívül. A kód a hirdetéskiszolgálásért felel, és elérhető a Google szerveréről, az alábbi linket követve: “www.googletagservices.com/tag/js/gpt.js”

Hogyan kell beépíteni a progex kódokat?

Most, hogy megismerkedtél mindhárom kóddal, kérjük, hogy az alábbi leírást követve implementáld őket a digitális tartalmaidon:

Mindhárom bemutatott kódot a tartalmad <head> szakaszában kell elhelyezned. A szakaszon belül bárhová teheted a kódokat, de mindenképpen a záró </head> sor előtt kell hogy szerepeljenek, méghozzá az alábbi dobozban bemutatott sorrendiség szerint. A legjobb teljesítmény érdekében javasoljuk, hogy a <head> szakaszod legmagasabb soraiba helyezd el a kódokat.[2]

Egy átlagos beépítésnek így kell kinéznie, pontosan ebben a sorrendben. Példánkban a tartalomszolgáltató oldalát “example.com”-ként tűntettük fel:

1 <head>
2 <script async src="//www.googletagservices.com/tag/js/gpt.js"></script>
3 <script async src="//server.progex.media/progex.js"></script>
4 <script async src="//server.progex.media/progex_example.com.js"></script>
5
6 …
7 …
8 </head>


Amennyiben segístségre van szükséged az implementálás során, kérjük, hogy mindenképp vedd fel a kapcsolatot a rendszergazdával!

A Google TAG MANAGEMENT szolgáltatásának bemutatása:

A Google Tag Manager (GTM) rendszere többek között azt teszi lehetővé, hogy általa egyedi címkéket (úm. tag-eket) lehessen meghívni egy digitális felületen anélkül, hogy a tartalom forráskódját módosítani kelljen, vagy ott logikákat kelljen meghatározni. A GTM kódok implementálását a képviselt digitális tartalmak minden oldalletöltésekor el kell végezni, vagyis a lentebb bemutatott kódokat a teljes tartalom részeként, a használt tartalomkezelő rendszerbe (CMS, WCMS) integrálni szükséges.

A leírás 2018.09.18-án készült, a Google Tag Manager aktuálisan elérhető legfrissebb változatára és az ezekhez tartozó kibocsájtási megjegyzésekre hivatkozva.[3]

A GTM kód felépítése és elhelyezése a digitális tartalomba:

A GTM kód két részből áll, amelyet a mért digitális tartalom megfelelő részeibe szükséges integrálni. Az első kódra általában HEAD-ként, míg a másodikra BODY-ként szokás hivatkozni. Ahogy a nevek is utalnak erre, a HEAD címkét a kódsor <head> részébe, a BODY címkét pedig a kódsor nyitó <body> szakaszába kell tenni.

A <head> címke a következőek szerint épül fel:

<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');</script>

A <body> címke pedig a következőek szerint:
 

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

A fenti kódokban félkövér betűvel jelölt “XXXXXX” szakasz minden esetben a tartalomszolgáltató egyedi kódsorát jelöli, melyet a PROGEX rendszereinek adminisztrátorai bocsájtanak rendelkezésre.

A PROGEX munkatársai minden esetben rendelkezésre bocsájtják a fenti kódokat, valamint a sikeres beépítést követően értesítést is küldünk. Amennyiben tartalmad már rendelkezik GTM kóddal, kérjük hogy vedd fel a kapcsolatot kollégáinkkal a info@progex.media címen, akik segíteni fognak az implementálásban.

Útmutató Worpress vagy Drupal tartalomkezelők használata esetén:

Wordpress rendszerek esetén[4]:

  • A Progex minimum 4-es verziószámú Wordpress tartalomkezelő rendszerek esetén képes segítséget nyújtani a GTM címkék implementálásához.
  • Admin jogosultsággal rendelkező belépést követően az alábbi pontok követésével érhető el a <head> és nyitó <body> címke szerkesztése:
    • Appearance menüpont megnyitása
    • Editor almenü megnyitása
    • Header.php állomány szerkesztése
    • A PROGEX által küldött <head> és <body> címkéket a megfelelő szakaszokba, módosítás nélkül, valamint a kód további részét változatlanul hagyva kell beilleszteni.
    • A módosításokat követően a megváltozott Header.php állományt el kell menteni.
  • Amennyiben a fenti lépéseket nem tudod, vagy nem kívánod elvégezni, kérjük vedd fel a kapcsolatot a rendszergazdáddal!

Drupal[ rendszerek esetén5]:

  • A PROGEX minimum 7-es verziószámú Drupal tartalomkezelő rendszerek esetén képes segítséget nyújtani a GTM címkék implementálásához.
  • Az implementáláshoz használt modult, kizárólag a hivatalos, Drupal modulkezelési oldalról szerezd be! Az itt közölt információk a hivatkozott, 7-es és 8-as verziószámú Drupal rendszerekre vonatkoznak.
  • A modul telepítését követően az adminisztrációs felületen a PROGEX által küldött egyedi, kizárólag a jelen digitális tartalom méréséhez tartozó azonosítót szükséges megadni az alábbi formátumban: GTM-XXXXX
    gtm.png

[1]: Google LLC, 1600 Amphitheatre Parkway, Mountain View, CA 94043, USA
[2]: Jogi nyilatkozat: A PROGEX semmilyen technikai és/vagy anyagi kárért nem vonható semi jogi, sem egyéb módon felelősségre, mely a jelen dokumentumban foglalt implementáció során keletkezik.

[3]: Jogi nyilatkozat: A PROGEX semmilyen technikai és/vagy anyagi kárért nem vonható semi jogi, sem egyéb módon felelősségre, mely a jelen dokumentumban foglalt implementáció során keletkezik.

[4]: További információk Worpress használatakor: https://www.lunametrics.com/blog/2017/01/26/install-google-tag-manager-on-wordpress/

[5]: További információk Drupal használatakor: https://www.drupal.org/project/google_tag