[Como] 7 maneiras fáceis de adicionar Joomla ao Google Analytics (2021)

joomla google analytics

Se você está planejando lançar um site Joomla, uma de suas principais preocupações é monitorar o tráfego que o site obtém, é por isso que o Joomla Google Analytics é uma das primeiras coisas que você deseja fazer.

Mas você precisará disso, não apenas se quiser monitorar seu tráfego. Hoje em dia, o Google Analytics tem informações tão ricas que você realmente perderia se não aproveitasse todas as ferramentas disponíveis para monitorar o tráfego que chega ao seu site. Coisas como

  • Metas,
  • acompanhamento de eventos de comércio eletrônico,
  • hits em tempo real,
  • regiões e locais,
  • demografia,
  • línguas,
  • navegadores,
  • dispositivos
  • e muitas outras informações acionáveis ​​estão disponíveis na plataforma GA.

Obviamente, com a adição do Google Analytics sendo uma das primeiras etapas que você deve executar em seu site Joomla, a questão de como habilitá-lo no Joomla surge com frequência nos fóruns do Joomla.

Neste artigo, vamos mostrar várias maneiras de habilitar o Google Analytics em seu site Joomla.

Encontrando o script do Google Analytics

A primeira coisa que você precisa fazer é garantir que você tenha acesso ao script do Google Analytics que iremos adicionar ao site. Se você ainda não se cadastrou, vá para https://analytics.google.com/analytics/web/ e registre-se para uma conta.

Em seguida, você precisará criar uma propriedade para o seu site, seguindo as instruções simples conforme a seguir. Você precisará adicionar o nome do site, o URL final, o setor e seu fuso horário.

Propriedade do Google Analytics

 

Depois de criar a propriedade, será exibida uma tela que mostra o código de rastreamento que você precisará usar:

código de id de rastreamento do google analytics

Anote o ID de rastreamento ou a tag do site do Google.

Qual deles você precisará depende do método que você usará para adicionar o Google Analytics ao Joomla a partir do seguinte.

Vamos começar com os diferentes métodos.

1. Use um plugin do Joomla Google Analytics

Para tornar sua vida mais fácil, ao invés de mexer com o arquivo index.php, você pode escolher a maneira mais fácil de fazer isso por meio de uma extensão ou plugin do Joomla.

É recomendável que você escolha um plugin ao invés de um módulo, o que permitiria que a geração do código fosse feita automaticamente sem você ter que se preocupar em publicar o módulo em cada página.

A seguir está uma lista do Google Analytics extensões para Joomla que estão disponíveis no Joomla Extensions Directory, incluindo um por CollectiveRay. Com.

Se você usar nosso plugin, você só precisa adicionar o ID de rastreamento nos parâmetros do código do Google Analytics conforme abaixo, habilitar o plugin e você está pronto para ir!

Confira nosso plug-in do Joomla Google Analytics

Plug-in do Joomla do Google Analytics

2. Adicionar o script GA manualmente

Se você preferir não usar nenhum plug-in por motivos de desempenho ou de outra forma, pode optar por editar seu modelo para inserir o script da plataforma GA.

Basicamente, o que precisamos fazer é usar o suporte integrado do modelo ou modificar ligeiramente o arquivo do modelo (porque é isso que produz o conteúdo das páginas) de forma que cada página inclua o código de rastreamento do Google Analytics.

Uma das coisas importantes a se considerar é que a maneira como você faz isso depende real e verdadeiramente do modelo do Joomla que você está usando.

Não existe uma maneira universal e idêntica de fazer isso em qualquer modelo. Dito isso, não é impossivelmente difícil de fazer, você só precisa obter algumas dicas. No entanto, como todos os modelos são diferentes na forma como são construídos, você precisará ajustar o procedimento de acordo com o modelo que está usando.

Então, o que o Google diz sobre a implementação do Google Analytics? As instruções são muito simples:

"Este é o código de acompanhamento da tag global do site (gtag.js) para esta propriedade. Copie e cole este código como o primeiro item no de cada página da web que você deseja rastrear. Se você já tem uma tag global do site em sua página, basta adicionar a linha de configuração do snippet abaixo à tag global do site existente. "

Isso parece bastante simples.

O Google especifica que este código deve ir no tag de cada página da web que queremos rastrear. A parte mais importante é que é presente em todas as páginas.

Isso deve tornar as coisas mais simples. Precisamos apenas encontrar um arquivo PHP em nosso modelo, que é executado em cada solicitação. 

Para garantir que o código analítico esteja disponível em todas as páginas, você precisará adicionar o código do script ao arquivo index.php do modelo padrão que está usando. Para fazer isso, basta ir para / templates / /index.php e cole o código obtido do Google Analytics antes de fechar marcação:

3. Modelo Protostar

Observe que alteraremos os arquivos de modelo diretamente. Você pode fazer isso através do seu CPanel de hospedagem ou através do Administrador do Joomla indo para Extensão> Modelos> Detalhes e arquivos do Protostar

Então, para Protostar, o modelo padrão do Joomla que vem com o Joomla 3, abrimos o arquivo /templates/protostar/index.php, procure por e adicione o código que se pareceria com o abaixo: 

<!DOCTYPE html>
<html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<jdoc:include type="head" />
</head>
<body class="site <?php echo $option

E é assim que ficaria depois. Lembre-se de usar seu próprio script, não o abaixo.

<!DOCTYPE html>
<html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<jdoc:include type="head" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-1087262-34"></script> <script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-1087262-34');
</script> </head>
<body class="site <?php echo $option

Isso irá gerar o código de rastreamento em cada página do Joomla e, assim, o Analytics registrará cada hit em cada página, que é exatamente o resultado que você deseja alcançar.

Vamos fazer isso com mais alguns modelos.

4. Beez 3

Por padrão, o Joomla 3 também vem com o template Beez 3.

Para adicionar o Google Analytics ao modelo Beez 30, no Administrador do seu site Joomla vá para Extensões > Modelos, Clique em Modelos, clique em Detalhes e arquivos Beez3 > Editar modelo da página principal.

Encontre o fechamento tag e insira o código do Google Analytics lá e pressione Salvar e Fechar.

Você também pode optar por fazer isso manualmente por meio do Gerenciador de arquivos ou via FTP. Vá para a pasta / templates na pasta raiz do seu site usando um cliente FTP e abra o arquivo index.php. Encontre o fechamento tag e insira o código do Google Analytics lá. Veja a foto abaixo. 

Esta é a aparência do código antes de adicionar o script GA:

<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0, user-scalable=yes"/>
<meta name="HandheldFriendly" content="true" />
<meta name="apple-mobile-web-app-capable" content="YES" />
<jdoc:include type="head" />
</head>

e isso é o que parece depois. Certifique-se de usar o código obtido em seu próprio Google Analytics, NÃO o código abaixo.

<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0, user-scalable=yes"/>
<meta name="HandheldFriendly" content="true" />
<meta name="apple-mobile-web-app-capable" content="YES" />
<jdoc:include type="head" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-1087262-34"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-1087262-34');
</script>
</head> 

Este procedimento pode ser aplicado a qualquer template Joomla! Contanto que você encontre o fechamento tag e insira a tag do Google Analytics lá, você deve ser capaz de adicionar o código do Google Analytics.

5. Modelo Joomlart

Se você estiver usando um modelo Joomlart, geralmente é recomendado colocar o código do Analytics em um bloco específico no modelo. Por exemplo, vamos pegar o modelo ja_purity III.

Este modelo possui um local específico onde você deve colocar o código do Google Analytics. Vamos para Extensões > Modelos > Modelos > Detalhes e arquivos do Purity III > tpls > blocos > head.php

Bem na parte inferior do arquivo head.php, você encontrará o seguinte:

Basta adicionar o script aqui e clicar Salvar e fechar.

Você pode adicionar o código do Google Analytics a qualquer modelo Joomlart usando a técnica acima. Sempre certifique-se de estar usando o arquivo head.php.

Os modelos mais recentes do Joomla permitem que você adicione código personalizado ao modelo, sem ter que ajustar os arquivos manualmente. Por exemplo, estamos usando JA MAGZ II. Se você vai para Extensões> Modelos> Estilos> JA MAGZ II> Código personalizado, você pode adicionar o script GA à seção Antes :

modelo de código personalizado antes do início

6. Modelo RocketTheme / Estrutura Gantry

Os modelos RocketTheme ou outros modelos que usam o Gantry Framework têm um recurso integrado que não exige que você mexa nos arquivos. Existe um recurso que permite que você simplesmente habilite o Google Analytics usando apenas um botão.

Faremos isso no modelo AfterBurner2 para este exemplo.

Para ativar o Google Analytics em um modelo RocketTheme: Extensões > Modelos > EstilosAfterBurner2.

Isso o levará ao Gerenciador de modelos.

Daqui vá para Características e encontre o Google Analytics. Mova o botão para Ligado e insira a parte UA-XXXXXXXX de seu código do Google Analytics. Veja o resultado final abaixo. Mais uma vez, certifique-se de inserir seu próprio código UA do Google Analytics, não o que você vê abaixo:

framework gantry do google analytics

7. Template JoomlaShack

Para adicionar o Google Analytics a um modelo JoomlaShack, é um pouco diferente dos outros que vimos, mas não muito. Faremos isso usando JS_Wright. Vamos para 

Extensões > Gerenciador de modelos > Modelos > Detalhes e arquivos JS_Wright> template.php.

Aqui você encontra o fechamento tag e você pode inserir seu código do Google Analytics antes do tag mais uma vez.

 Como alternativa, você pode usar a extensão Shack Analytics que permite inserir o Código em uma configuração conforme abaixo:

shack analytics settings

 

 

Verifique a configuração do seu código de rastreamento

Depois de fazer o acima, você precisa realmente verificar se o código está funcionando. Sua primeira etapa deve ser clicar em view-source: para verificar o código-fonte do seu site ou usando as Ferramentas do desenvolvedor em seu navegador para confirmar que você pode ver que o código GA está realmente sendo mostrado na fonte.

Se não for, você precisa confirmar se seguiu as etapas acima corretamente.

Você também pode verificar os acessos em tempo real; eles começarão a mostrar imediatamente os usuários visitando seu site. Abra o Google Analytics, clique no link Hits em tempo real e atualize seu site.

Agora você deve se ver como um visitante nos acessos em tempo real. Se você clicar em Locais, ele deverá mostrar seu próprio local como o hit.

hits em tempo real do google analytics

Dicas adicionais para configurar o Google Analytics

Depois de adicionar o código de rastreamento ao seu site, há alguns ajustes rápidos e fáceis que você pode fazer rapidamente para melhorar a configuração do Analytics.

Exclua o seu endereço IP do Google Analytics

Como o seu site será o seu bebê, você provavelmente o visitará com frequência. Portanto, você não quer aumentar seus resultados por meio de suas visitas. Idealmente, excluímos todos os acessos de nossas próprias máquinas ou de nossos escritórios.

Veja como excluir endereços IP específicos do registro de hits no GA:

  1. Verifique o seu endereço IP com whatsmyip.org. Faça isso a partir de todos os locais que você acessa seu site e deseja excluir até ter uma lista de IPs.
  2. Faça login no Google Analytics e selecione o perfil do seu site.
  3. Vá para Selecionar Menu de administração, e clique em Todos filtram.
  4. Na janela que aparece, defina a configuração da seguinte maneira:
  • Nome Fitler: nada*
  • Tipo de filtro: Predefinido
    • Excluir
    • Tráfego de endereços IP
    • Que contêm
  • Endereço IP: o (s) IP (s) que você verificou na etapa 1.
    filtro ga ip
     

Salve-o e você excluiu com sucesso o endereço IP do Google Analytics.

Crie um painel do Google Analytics no Joomla

Se você deseja acompanhar o tráfego direto de seu painel de administração do Joomla, você pode usar a extensão do módulo chamada: Painel do Joomla Google Analytics:

  1. Baixe e instale Joomla Google Analytics Dashboard extensão do módulo.
  2. Acesse Extensões> Módulo> Sbruxa para administrador módulo e encontre o “Painel do Google Analytics ” módulo. 
  3. Preencha o Nome do domínio campo, atribuir a Cpanel posição. Então Salve.
    Módulo Google Analytic Dashboard
  4. Configure a configuração do Google Analytic Dashboard no menu Administrador
  5. Clique autorizar a aplicação, aparecerá uma caixa no painel de controle do Joomla.
  6. Clique  Obtenha o código de acesso. Você provavelmente terá que entrar com sua conta de e-mail e permitir que ela acesse o painel do Google Analytics.
  7. Cole o código de acesso no painel.

Você pode seguir o processo completo abaixo:

KlfiT3Bi7jo

PERGUNTAS FREQUENTES

Quais são as maneiras de adicionar o Google Analytics ao Joomla?

Você pode adicionar o Google Analytics ao Joomla de 3 maneiras principais. 1) Ajuste o código do template diretamente, 2) Use um plugin, 3) Use o suporte GA embutido em um template para framework como Gantry.

O Google Analytics tornará meu site mais lento?

Não, o Google Analytics não tornará seu site mais lento, porque ele carrega de forma assíncrona. Isso significa que ele cria um novo tópico de download que não bloqueia o carregamento do restante da página.

Sim, para todos os visitantes da UE, se você estiver usando o Google Analytics em seu site, deverá apresentar a eles as opções para Permitir ou Rejeitar o cookie do Google Analytics para ser compatível com GDPR.

Resumindo

Como vimos acima, adicionar Joomla Google Analytics é principalmente um processo simples e você tem várias opções para poder concluí-lo. Se você tiver mais perguntas, escreva para nós abaixo e tentaremos ajudá-lo.

Sobre o autor
David Attard
Autor: David AttardSite: https://www.linkedin.com/in/dattard/
David tem trabalhado na ou em torno da indústria online / digital nos últimos 18 anos. Ele tem vasta experiência nas indústrias de software e web design usando WordPress, Joomla e nichos ao seu redor. Como consultor digital, seu foco é ajudar as empresas a obter uma vantagem competitiva usando uma combinação de seu website e plataformas digitais disponíveis hoje.

Mais uma coisa... Você sabia que as pessoas que compartilham coisas úteis como esta postagem também parecem FANTÁSTICAS? ;-)
. deixe um útil comente com suas ideias, depois compartilhe com seu (s) grupo (s) do Facebook, que considerariam isso útil e vamos colher os benefícios juntos. Obrigado por compartilhar e ser legal!

Divulgação: Esta página pode conter links para sites externos de produtos que amamos e recomendamos de todo o coração. Se você comprar produtos que sugerimos, podemos receber uma taxa de referência. Essas taxas não influenciam nossas recomendações e não aceitamos pagamentos por análises positivas.
 

 

Plug-in de cache com melhor classificação

Torne seu site mais rápido 

Passo a passo - curso gratuito por e-mail, como fazer seu site carregar less de 1 segundo  

 

quem somos nós?

CollectiveRay é administrado por David Attard - trabalhando dentro e ao redor do nicho de web design por mais de 12 anos, oferecemos dicas práticas para pessoas que trabalham com e em sites. Também administramos DronesBuy.net - um site para entusiastas de drones.

David Attard

 

 

Autor (es) em destaque em:  Logotipo da revista Inc   Logotipo do Sitepoint   Logotipo do CSS Tricks    logotipo do webdesignerdepot   Logotipo WPMU DEV   e muitos mais ...