Megosztás a következőn keresztül:

A Google Tag Manager integrálása az API Management fejlesztői portálra

A KÖVETKEZŐKRE VONATKOZIK: Fejlesztő | Alapszintű | Alapszintű v2 | Standard | Standard v2 | Prémium | Prémium v2

A Google Tag Manager a Google által létrehozott címkekezelő rendszer. Segítségével kezelheti a webhelyek nyomon követéséhez és elemzéséhez használt JavaScript- és HTML-címkéket. A Google Tag Managerrel például integrálhatja a Google Analyticset, a hőtérképeket vagy a LiveChathez hasonló csevegőrobotokat.

A jelen cikkben ismertetett lépéseket követve csatlakoztassa a Google Tag Managert a felügyelt vagy saját üzemeltetésű fejlesztői portálhoz az Azure API Managementben.

Google Tag Manager hozzáadása a portálhoz

Az alábbi lépéseket követve csatlakoztathatja a Google Tag Managert a felügyelt vagy saját üzemeltetésű fejlesztői portálhoz.

Fontos

Az 1– 3. lépés nem szükséges a felügyelt portálokhoz. Ha rendelkezik felügyelt portállal, ugorjon a 4. lépésre.

  1. Állítson be egy helyi környezetet a fejlesztői portál legújabb kiadásához.

  2. Telepítse az npm-csomagot a Paperbitek Google Tag Managerhez való hozzáadásához:

    npm install @paperbits/gtm --save

  3. A src mappában lévő startup.publish.ts fájlban importálja és regisztrálja a GTM modult.

    import { GoogleTagManagerPublishModule } from "@paperbits/gtm/gtm.publish.module";
...
injector.bindModule(new GoogleTagManagerPublishModule());

  4. A portál konfigurációjának lekérése:

    GET /contentTypes/document/contentItems/configuration

    {
    "nodes": [
        {
            "site": {
                "title": "Microsoft Azure API Management - developer portal",
                "description": "Discover APIs, learn how to use them, try them out interactively, and sign up to acquire keys.",
                "keywords": "Azure, API Management, API, developer",
                "faviconSourceId": null,
                "author": "Microsoft Azure API Management"
            }
        }
    ]
}

  5. A webhely konfigurációjának kiterjesztése az előző lépéstől a Google Tag Manager konfigurációjával:

    PUT /contentTypes/document/contentItems/configuration

    {
    "nodes": [
        {
            "site": { ... },
            "integration": {
                "googleTagManager": {
                    "containerId": "GTM-..."
                }
            }
        }
    ]
}

Kapcsolódó tartalom