Compartir a través de

Integración de Google Tag Manager en el portal para desarrolladores de API Management

SE APLICA A: Desarrollador | Básico | Básico v2 | Estándar | Standard v2 | Premium |Premium v2

Google Tag Manager es un sistema de administración de etiquetas creado por Google. Puede usarlo para administrar etiquetas JavaScript y HTML que se usan para el seguimiento y el análisis en sitios web. Por ejemplo, puede usar Google Tag Manager para integrar Google Analytics, mapas térmicos o bots de chat, como LiveChat.

Siga los pasos de este artículo para conectar Google Tag Manager en el portal para desarrolladores administrado o autohospedado en Azure API Management.

Adición de Google Tag Manager al portal

Siga estos pasos para conectar Google Tag Manager en el portal para desarrolladores administrado o autohospedado.

Importante

Los pasos 1 a 3 no son necesarios para los portales administrados. Si tiene un portal administrado, vaya al paso 4.

  1. Configure un entorno local para la versión más reciente del portal para desarrolladores.

  2. Instale el paquete npm para agregar Paperbits para Google Tag Manager:

    npm install @paperbits/gtm --save

  3. En el archivo startup.publish.ts de la carpeta src, importe el módulo GTM y regístrelo:

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

  4. Recupere la configuración del portal:

    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. Extienda la configuración del sitio del paso anterior con la configuración de Google Tag Manager:

    PUT /contentTypes/document/contentItems/configuration

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

Pasos siguientes