Rybená Logo

Integração com Google Tag Manager

A Rybená pode ser integrada através do Google Tag Manager (GTM), permitindo um gerenciamento centralizado e flexível da solução em todas as páginas do seu site.

Visão Geral

A integração com Google Tag Manager consiste em:

  1. Criação de Tag: Adição de uma tag HTML personalizada com o script da Rybená
  2. Configuração de Acionamento: Definição do gatilho para carregar a tag em todas as páginas
  3. Publicação: Envio e publicação das alterações no GTM

Pré-requisitos

Antes de começar, certifique-se de que:

  • Você tem acesso ao painel do Google Tag Manager
  • O container do GTM já está instalado no seu site
  • Você tem permissões para criar e publicar tags

Instalação

Acessar o painel do GTM

Vá para o painel do Google Tag Manager e faça login.

Selecionar o container

Selecione o container responsável pelo seu site na lista de contas e containers.

Criar uma nova tag

No painel principal, clique em Adicionar uma nova tag no card Nova tag.

Configurar a tag

Na página de configuração da tag:

  1. Dê um nome para a tag (ex: "Rybená - Script Principal")
  2. Clique no card Configuração da tag

Selecionar tipo de tag

Na lista de tipos de tag, selecione HTML personalizado.

Inserir o script da Rybená

Cole o seguinte trecho de código na caixa de texto:

<script type="text/javascript" src="https://cdn.rybena.com.br/dom/master/latest/rybena.js"></script>

Configurar o acionamento

Clique no card Acionamento e selecione o item Initialization - All Pages.

Isso fará com que a tag seja carregada em todas as páginas do site.

Salvar a tag

Clique no botão Salvar para salvar a configuração da tag.

Enviar as alterações

Na página inicial do painel, clique no botão Enviar localizado no canto superior direito.

Publicar as alterações

Clique no botão Publicar e siga as orientações da plataforma para finalizar o processo.

Verificar a instalação

Acesse qualquer página do seu site para verificar se a Rybená está aparecendo corretamente.

Pode ser necessário aguardar alguns minutos para que as alterações sejam aplicadas.

Verificação do Protocolo

Caso a página onde está sendo feita a instalação não utilize protocolo HTTPS, é necessário substituir no código acima o protocolo https por http.

Exemplo para HTTP:

<script type="text/javascript" src="http://cdn.rybena.com.br/dom/master/latest/rybena.js"></script>

Customização

Você pode customizar o comportamento da Rybená adicionando parâmetros ao script. Para mais detalhes, consulte a documentação de customização.

Exemplo de customização:

<script type="text/javascript" src="https://cdn.rybena.com.br/dom/master/latest/rybena.js?positionPlayer=right&size=300"></script>

Configurações Avançadas

Acionamento Condicional

Se você deseja carregar a Rybená apenas em páginas específicas:

  1. Crie um novo acionador (trigger) personalizado
  2. Defina as condições para o acionamento (ex: URL contém "/blog")
  3. Selecione esse acionamento na configuração da tag

Exemplo de acionamento para páginas específicas:

// Acionador: Páginas do Blog
// Tipo: Visualização de Página
// Condição: Page Path contém "/blog"

Variáveis Dinâmicas

Você pode usar variáveis do GTM para customizar a Rybená dinamicamente:

<script type="text/javascript" src="https://cdn.rybena.com.br/dom/master/latest/rybena.js?lang={{Language Variable}}"></script>

Prioridade de Carregamento

Para garantir que a Rybená carregue no momento correto:

  1. Configure a prioridade da tag (se necessário)
  2. Use o acionamento "Initialization - All Pages" para carregar o mais cedo possível
  3. Evite acionamentos que dependam de outros eventos

Múltiplas Tags

Se você precisa de múltiplas configurações da Rybená:

  1. Crie tags separadas para cada configuração
  2. Use acionamentos diferentes para cada tag
  3. Certifique-se de que não há conflitos entre as configurações

Debugging

Modo de Visualização

Para testar a tag antes de publicar:

  1. Clique no botão Visualizar no painel do GTM
  2. Abra o site em uma nova aba
  3. Verifique se a tag está sendo disparada corretamente

Verificação no Console

Para verificar se o script está carregando corretamente:

  1. Abra o site em um navegador
  2. Pressione F12 para abrir as ferramentas de desenvolvedor
  3. Vá para a aba Console
  4. Procure por erros relacionados ao script da Rybená

Tag Assistant

Use o Google Tag Assistant para verificar:

  1. Se a tag está sendo disparada
  2. Se há erros na configuração
  3. Se o script está carregando corretamente

Solução de Problemas

Melhores Práticas

Organização de Tags

  • Use nomes descritivos para as tags (ex: "Rybená - Script Principal")
  • Agrupe tags relacionadas em pastas
  • Documente o propósito de cada tag

Versionamento

  • Use descrições claras ao publicar alterações
  • Mantenha um histórico das alterações
  • Use o modo de visualização antes de publicar

Monitoramento

  • Use o Google Analytics para monitorar o carregamento da Rybená
  • Configure alertas para erros
  • Revise regularmente o desempenho das tags

Segurança

  • Limite o acesso ao GTM apenas a usuários autorizados
  • Use aprovações para alterações críticas
  • Revise regularmente as permissões dos usuários

Recursos Adicionais

Conteúdo Relacionado

Nesta página