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:
- Criação de Tag: Adição de uma tag HTML personalizada com o script da Rybená
- Configuração de Acionamento: Definição do gatilho para carregar a tag em todas as páginas
- 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:
- Dê um nome para a tag (ex: "Rybená - Script Principal")
- 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:
- Crie um novo acionador (trigger) personalizado
- Defina as condições para o acionamento (ex: URL contém "/blog")
- 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:
- Configure a prioridade da tag (se necessário)
- Use o acionamento "Initialization - All Pages" para carregar o mais cedo possível
- Evite acionamentos que dependam de outros eventos
Múltiplas Tags
Se você precisa de múltiplas configurações da Rybená:
- Crie tags separadas para cada configuração
- Use acionamentos diferentes para cada tag
- Certifique-se de que não há conflitos entre as configurações
Debugging
Modo de Visualização
Para testar a tag antes de publicar:
- Clique no botão Visualizar no painel do GTM
- Abra o site em uma nova aba
- Verifique se a tag está sendo disparada corretamente
Verificação no Console
Para verificar se o script está carregando corretamente:
- Abra o site em um navegador
- Pressione
F12para abrir as ferramentas de desenvolvedor - Vá para a aba Console
- Procure por erros relacionados ao script da Rybená
Tag Assistant
Use o Google Tag Assistant para verificar:
- Se a tag está sendo disparada
- Se há erros na configuração
- 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
Integração com Wix
A Rybená pode ser integrada ao Wix através da funcionalidade de código personalizado, permitindo que a solução seja aplicada a todas as páginas do site automaticamente.
Integração com Brightspace (D2L)
A Rybená pode ser integrada ao Brightspace (D2L) através da ferramenta JavaScript Management, permitindo que a solução de acessibilidade seja aplicada a todo o ambiente de aprendizagem.