Compartilhar via

Integrar o Gerenciador de tags do Google ao portal do desenvolvedor do Gerenciamento de API

APLICA-SE A: Desenvolvedor | Básico | Básico v2 | Padrão | Standard v2 | Premium | Premium v2

O Gerenciador de tags do Google é um sistema de gerenciamento de marca criado pelo Google. Você pode usá-lo para gerenciar as marcas JavaScript e HTML usadas para rastreamento e análise em sites. Por exemplo, você pode usar Gerenciador de tags do Google para integrar o Google Analytics, mapas de calor ou chatbots como o LiveChat.

Siga as etapas neste artigo para conectar o Gerenciador de tags do Google no portal do desenvolvedor gerenciado ou auto-hospedado no Gerenciamento de API do Azure.

Adicionar o Gerenciador de tags do Google ao portal

Siga estas etapas para conectar o Gerenciador de tags do Google ao portal do desenvolvedor gerenciado ou auto-hospedado.

Importante

As etapas 1 a 3 não são necessárias para portais gerenciados. Se você tiver um portal gerenciado, pule para a etapa 4.

  1. Configure um ambiente local para a versão mais recente do portal do desenvolvedor.

  2. Instale o pacote npm para adicionar o Paperbits para Gerenciador de tags do Google:

    npm install @paperbits/gtm --save

  3. No arquivo startup.publish.ts na pasta src, importe e registre o módulo GTM:

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

  4. Recupere a configuração do 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. Estenda a configuração do site da etapa anterior com a configuração do Gerenciador de tags do Google:

    PUT /contentTypes/document/contentItems/configuration

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

Próximas etapas