Einbindung über den Google Tag Manager¶

Der Measurement Manager lässt sich über den Google Tag Manager (GTM) ausspielen, wenn Sie Tags ausschließlich dort verwalten. Wir empfehlen weiterhin die direkte Integration — sie hat eine Abhängigkeit weniger.

Sie brauchen dafür: ein GTM-Konto, Ihre Angebotskennung und Ihren Domain-Dienstnamen (siehe Einrichtung der Messdomain).

Angelegt werden eine Variable und zwei Tags, beide mit dem Auslöser Seitenansicht (Alle Seiten).

1. Variable für den Domain-Dienstnamen¶

Unter Variablen → Benutzerdefinierte Variablen → Neu eine Variable vom Typ Konstante anlegen, als Wert den Domain-Dienstnamen eintragen. Als Name empfehlen wir dsn — auf diesen Namen greifen die Tags über {{dsn}} zu.

2. Tag zum Laden des Managers¶

Tags → Neu → Custom HTML, folgenden Code einfügen:

1
2
3

<script type='text/javascript'>
  !function(e,t,n,o,m,s,c,a,i){e.IOMmGlobalObject=n,e.IOMm=e.IOMm||function(){(e.IOMm.q=e.IOMm.q||[]).push(arguments)},e.IOMm.src=o,m=t.createElement("script"),a=t.querySelector('meta[name="iomm_config_esm"]'),c="noModule"in m&&!/Edge/.test(e.navigator.userAgent),c=(!a||!a.content||"es5"!==a.content)&&c,e.IOMm.esm=c,m.src=c?o.replace("es5", "es6"):o.replace("es6", "es5"),m.setAttribute("crossorigin", "anonymous"),(i=t.querySelector('meta[name="iomm_config_loading"]'))&&i.content&&m.setAttribute(i.content,i.content),t.head.appendChild(m)}(window,document, "IOMm","//{{dsn}}/iomm/latest/manager/base/es6/bundle.js");
</script>

{{dsn}} wird durch Ihre Variable aus Schritt 1 ersetzt. Das Snippet wählt selbst die passende ECMAScript-Version.

Dieses Tag ist in jeder Variante nötig — es lädt den Manager.

3. Tag für configure und pageview¶

Ein zweites Custom HTML-Tag:

1
2
3
4

<script type='text/javascript'>
  IOMm('configure', { st: '<angebotskennung>', dn: '{{dsn}}' });
  IOMm('pageview', { cp: '{{Seitencode}}' });
</script>

Verfügbare Parameter und ihre Wirkung: Parameter-Referenz.

Sie können configure und pageview auch auf zwei Tags aufteilen. configure darf pro Seitenaufruf nur einmal laufen.

Pseudonyme Messung im GTM¶

Nehmen Sie an der IVW-Ausweisung teil, brauchen Sie zusätzlich die pseudonyme Messung. Ergänzen Sie dazu im Befehls-Tag den Parameter mh: 5 — als Zahl, nicht als Zeichenkette:

1
2
3
4

<script type='text/javascript'>
  IOMm('configure', { st: '<angebotskennung>', dn: '{{dsn}}', mh: 5 });
  IOMm('pageview', { cp: '{{Seitencode}}' });
</script>

CMP-Blocking im GTM¶

4. Container veröffentlichen¶

Änderungen an Tags werden erst mit dem Veröffentlichen des Containers wirksam. Ist der GTM noch nicht auf Ihrer Website eingebaut, holen Sie sich die Snippets über die Container-ID (GTM-XXXX) in Ihrem Arbeitsbereich.

Mobile und Desktop unterscheiden¶

Nur nötig, wenn mobile und stationäre Website zwei getrennte Angebotskennungen und Domain-Dienstnamen haben. Statt der Konstanten aus Schritt 1 legen Sie zwei Variablen an.

Gerätetyp — Typ Custom JavaScript, Name z. B. device:

1
2
3

function() {
  return window.matchMedia("(max-width: 767px)").matches === true ? 'mobile' : 'desktop';
}

Domain-Dienstname — Typ Lookup Table, als Eingabevariable device:

Die Eingabewerte müssen exakt den Rückgabewerten der device-Variable entsprechen (mobile / desktop), sonst greift die Tabelle nicht. Der Domain-Dienstname beginnt immer mit data- — weicht die Notation ab, findet keine Messung statt.

Die Grenze von 768 px ist eine Konvention, keine exakte Trennung — Tablets und große Smartphones im Hochformat zählen dabei als Desktop. Sie können die Grenze anpassen.