<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Conteúdos sobre GA4 | Pink and Brain</title>
	<atom:link href="https://www.pinkandbrain.com/conteudos-sobre/ga4/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.pinkandbrain.com/conteudos-sobre/ga4/</link>
	<description>Ratos do Desenvolvimento Web, SEO e aquisição, propulsores de estratégias eficientes de marketing digital que geram vantagem competitiva.</description>
	<lastBuildDate>Wed, 25 Feb 2026 20:30:23 +0000</lastBuildDate>
	<language>pt-BR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://www.pinkandbrain.com/wp-content/uploads/2024/10/cropped-favicon-180x180-1-386x386.png</url>
	<title>Conteúdos sobre GA4 | Pink and Brain</title>
	<link>https://www.pinkandbrain.com/conteudos-sobre/ga4/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Tráfego unassigned no GA4: como resolver?</title>
		<link>https://www.pinkandbrain.com/unassigned-no-ga4-como-debugar-e-resolver/</link>
		
		<dc:creator><![CDATA[César Canteiro]]></dc:creator>
		<pubDate>Wed, 25 Feb 2026 20:30:22 +0000</pubDate>
				<category><![CDATA[Business intelligence]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Performance Web]]></category>
		<category><![CDATA[GA4]]></category>
		<category><![CDATA[Google Ads]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[GTM (Google Tag Manager)]]></category>
		<category><![CDATA[Marketing Digital]]></category>
		<category><![CDATA[UTM Google]]></category>
		<category><![CDATA[Web Analytics]]></category>
		<guid isPermaLink="false">https://www.pinkandbrain.com/?p=13332</guid>

					<description><![CDATA[<p>Nos relatórios de aquisição de tráfego no Google Analytics 4, você pode se deparar o canal padrão Unassigned, que pode ser resolvido com alguns ajustes primordiais</p>
<p>O post <a href="https://www.pinkandbrain.com/unassigned-no-ga4-como-debugar-e-resolver/">Tráfego unassigned no GA4: como resolver?</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Ao abrir os relatórios de Aquisição de Tráfego no <a href="https://www.pinkandbrain.com/elementos/google/" title="Google">Google</a> Analytics 4, o famoso GA4, você pode se deparar com um misterioso <strong>“Unassigned”</strong>. O que isso significa e como resolver? Existem várias possíveis causas para isso. Algumas podem ser corrigidas, enquanto outras devem ser aceitas (a menos que o Google resolva os problemas subjacentes).</p>



<p>Neste post do lab, <strong>explicarei o que é o “Unassigned” que aparece no grupo de canais padrão no Google Analytics 4, além de várias maneiras de corrigi-lo</strong> (se isso for possível, pois nem sempre será).</p>



<p>Antes de tudo, veja os <strong>principais motivos pelos quais você visualiza o unassigned no GA4</strong>:</p>



<ol class="wp-block-list">
<li>Parâmetros de UTMs feitos de maneira errada</li>



<li>Uso do Measurement Protocol de forma incorreta</li>



<li>Tag do Google disparando de forma tardia</li>



<li>Eventos de streaming de outras plataformas para o GA4</li>



<li>Triggers de audiência</li>



<li>Problemas relacionados ao Google <a href="https://www.pinkandbrain.com/elementos/ads/" title="Ads">Ads</a></li>



<li>Evento “session_start” está ausente</li>



<li>Pode estar relacionado à identidade de relatórios</li>



<li>Sobrescrita manual do “session_id”</li>



<li>E também, o mais “besta”: dados ainda não foram totalmente processados pelo GA4</li>
</ol>



<h2 class="wp-block-heading">Mas afinal, o que é unassigned no Google Analytics 4?</h2>



<p>Primeiro, precisamos <strong>entender o conceito de “Default Channel Group” (Grupo de Canais Padrão)</strong>. O <strong>Google Analytics 4 agrupa várias fontes de tráfego em categorias maiores</strong>, fornecendo uma visão geral de quais canais têm o melhor desempenho para sua empresa.</p>



<p>Por exemplo, você pode ter tráfego proveniente de pesquisa orgânica do Bing e do Google. Ambas as fontes serão adicionadas ao grupo de canais padrão “Organic Search”.</p>



<p>Atualmente, <strong>existem 18 grupos de canais padrão no GA4</strong>, incluindo:</p>



<ul class="wp-block-list">
<li>Affiliates</li>



<li>Audio</li>



<li>Cross-network</li>



<li>Direct</li>



<li>Display</li>



<li>Email</li>



<li>Mobile Push Notifications</li>



<li>Organic Search</li>



<li>Organic Shopping</li>



<li>Organic Social</li>



<li>Organic Video</li>



<li>Paid Other</li>



<li>Paid Search</li>



<li>Paid Shopping</li>



<li>Paid Social</li>



<li>Paid Video</li>



<li>Referral</li>



<li>SMS</li>
</ul>



<p>Esses grupos possuem regras específicas para determinar a qual grupo um tráfego pertence. Por exemplo, se um visitante vier de uma rede social conhecida e <code>utm_medium</code> contiver “cpc”, será adicionado ao grupo de canais “Paid Social”.</p>



<p>Se uma fonte de tráfego não estiver coberta por essas regras, ela será marcada como “Unassigned” no grupo de canais padrão, pois o Google Analytics 4 não sabe a qual grupo atribuir essa fonte. Vamos agora analisar as diferentes situações que podem resultar emn tráfego Unassigned” no GA4 e possíveis soluções.</p>



<h2 class="wp-block-heading">Como identificar qual tipo de tráfego é exibido como “Unassigned”?</h2>



<p>No Google Analytics 4, vá para <strong>Relatórios &gt; Aquisição &gt; Aquisição de Tráfego</strong>. Como o GA4 permite a personalização de relatórios padrão, sua barra lateral esquerda pode parecer diferente. Se você não vê uma seção de Aquisição, continue clicando e procurando um relatório relacionado à Aquisição de Tráfego.</p>



<p>A dimensão padrão nesse relatório é “Default Channel Group”.</p>



<p>Se você ver “Unassigned” ali, continue lendo este guia. O primeiro passo é identificar qual tipo de tráfego está sendo tratado como “Unassigned”.</p>



<p>Clique no ícone de “+” na tabela e adicione a dimensão “Session Source/Medium” (Origem/Mídia da primeira sessão).</p>



<p>No <strong>campo de busca acima da tabela, digite “Unassigned”</strong> e pressione Enter. Isso mostrará todos os valores de “Source/Medium” que permanecem como “Unassigned”.</p>



<figure class="wp-block-image wp-block-gallery has-nested-images columns-3 is-cropped"><a href="https://www.pinkandbrain.com/?attachment_id=13333" target="_blank" rel="noopener"><img decoding="async" width="1216" height="921" loading="lazy" src="https://www.pinkandbrain.com/wp-content/uploads/2024/09/unassigned-ga4-aquisition.webp" alt="" class="wp-image-13333" title="Unassigned GA4 aquisition"></a><figcaption class="wp-element-caption">Passo a passo de como identificar unassigned no GA4</figcaption></figure>



<p>Agora, vamos analisar os motivos (e possíveis soluções) para o tráfego “Unassigned”.</p>



<h2 class="wp-block-heading">Motivos de você visualizar o “unassigned” no GA4</h2>



<h3 class="wp-block-heading">Parâmetros UTM não estão seguindo as regras ou boas práticas do Google</h3>



<p>Por exemplo, se você oferece e-books gratuitos e deseja rastrear se as pessoas clicam nos links nos e-books, você pode usar <code>utm_medium=pdf</code>. Infelizmente, o GA4 não sabe a qual grupo de canais atribuir isso, então tal tráfego será exibido como “Unassigned”.</p>



<p>Isso é esperado nesse caso, mas às vezes as empresas etiquetam suas campanhas de marketing com parâmetros <a href="https://www.pinkandbrain.com/elementos/utm-urchin-tracking-module/" title="UTM">UTM</a> incorretos. Em vez de usar, por exemplo, <code>utm_medium=email</code>, usam <code>utm_medium=em</code> ou <code>utm_medium=mail</code>. Nenhum desses será reconhecido pelo GA4, resultando em “Unassigned”.</p>



<p>Os <strong>valores corretos de <code>utm_medium</code> para campanhas de email marketing são “email”, “e-mail”, “e_mail”, ou “e mail”</strong>. Usar um desses valores garantirá que o tráfego seja atribuído ao grupo de canais “Email”.</p>



<p><strong>Dica sobre o mencionado acima:</strong> Sempre confira a lista de regras na documentação do GA4. Se possível, use valores que o GA4 reconheça automaticamente. Alternativamente, você pode criar grupos de canais personalizados no GA4 que reconheçam seus valores UTM customizados. Mas nesse caso, o “Unassigned” permanecerá no grupo padrão.</p>



<p>Se o tráfego que leva a uma sessão estiver vindo de URLs com <a href="https://www.pinkandbrain.com/elementos/utm-urchin-tracking-module/" title="parâmetros UTM">parâmetros UTM</a> incompletos, será tratado como “(not set) / (not set)”.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Um erro MEGA COMUM é o uso de<strong> apenas o <code>utm_source</code> mas esquecer de adicionar <code>utm_medium</code>, os dados serão mostrados como “Unassigned”. O GA4 precisa de ambos os parâmetros (ou de um parâmetro equivalente) para atribuir corretamente a fonte de tráfego</strong>.</p>



<p><cite>Golden tip</cite></p>
</blockquote>



<h4 class="wp-block-heading">E se a maior parte do seu tráfego “Unassigned” for “(not set)”?</h4>



<p>Essa parte é um pouco complicada e eu diria bem “chatinha”, e uma das coisas que não devemos queimar tanto os neurônios. Como quando estamos apresendendo inglês e precisamos saber quando usar o “at”, “on”, “in”, etc… Se você for pela lógica “you gonna be crazy”. Algumas coisas podem ser corrigidas, enquanto outras ocorrem sem motivo aparente. Vamos falar sobre algumas opções de correção do Unassigned no GA4.</p>



<h3 class="wp-block-heading">Uso do Measurement Protocol de forma incorreta</h3>



<p>Measurement Protocol (MP) é uma das maneiras de enviar dados para o GA4. Ele é projetado para enviar dados do servidor (por exemplo, CRM) para o Google Analytics 4. No entanto, ele deve enriquecer os dados coletados em um site, e não iniciar novas sessões ou criar novos usuários/visitantes.</p>



<p>Se um visitante esteve no seu site e iniciou uma sessão, você pode enviar eventos adicionais do servidor e anexá-los a essa sessão. Você pode fazer isso em até 72 horas após a sessão. Isso é assunto de outra pauta que em breve teremos, mas por enquanto aqui está um bom vídeo:</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Google Analytics 4 Measurement Protocol || Send events to GA4 via Measurement Protocol" width="500" height="281" src="https://www.youtube.com/embed/r_eoeU2qUn0?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p><strong>Dica:</strong> Se você estiver usando o Measurement Protocol, assista a este tutorial para garantir que ele está implementado corretamente.</p>



<p>Se seus desenvolvedores enviarem dados via MP para a sessão ativa no seu site, cada evento deve conter os parâmetros <code>client_id</code> e <code>session_id</code>. Se <code>session_id</code> não estiver incluído (ou não corresponder ao ID da sessão ativa), a fonte de tráfego será “(not set)”.</p>



<p>Se seus desenvolvedores enviarem dados via MP para uma sessão que já expirou (mas que não seja mais antiga que 72 horas), eles também precisam enviar o parâmetro <code>timestamp_micros</code>. Se isso não for feito, o resultado será “not set”.</p>



<h3 class="wp-block-heading">A tag do Google (também conhecida como tag de configuração do GA) é disparada de forma tardia</h3>



<p>Isso é especialmente importante para configurações do GTM no lado do servidor. Na tag do Google, você deve definir a URL do seu endpoint do lado do servidor. <strong>Se uma tag de evento disparar antes que a Tag do Google o faça, ela não saberá a URL do seu servidor, resultando em várias complicações</strong>, sendo uma delas “(not set)”.</p>



<p>Esse <strong>comportamento pode de fato aumentar o número de “not set” na dimensão de “source/medium”</strong>. Portanto, você deve definir a tag do Google para disparar na Inicialização – Todos os gatilhos de páginas.</p>



<p>Se você tiver algumas tags de eventos que disparam nos gatilhos de “Pageview”, tente atrasá-las, por exemplo, definindo-as para disparar em gatilhos de “DOM ready” ou “Window Loaded”, outros triggers existentens no próprio GTM (Google Tag Manager)</p>



<h3 class="wp-block-heading">Eventos de streaming de outras plataformas para o GA4</h3>



<p>Algumas<strong> ferramentas/plataformas oferecem a funcionalidade de transmitir eventos para o GA4</strong>, como o Amplitude ou Segment. Não trabalhei diretamente com essas ferramentas para comentar os detalhes técnicos, mas já vi projetos onde elas foram usadas e, provavelmente, estão usando o Measurement Protocol do GA4.</p>



<p><strong>Como elas (provavelmente) não enviam o <code>session_id</code>, todos esses eventos serão atribuídos a “(not set) source/medium”. Consequentemente, você verá “Unassigned” no GA4.</strong></p>



<p><strong>Dica:</strong> Se não tiver certeza sobre o uso dessas ferramentas, considere uma instalação direta/padrão do GA4 (via GTAG ou Google Tag Manager).</p>



<h3 class="wp-block-heading">Triggers de audiência</h3>



<p>Quando o Google Analytics 4 lançou esta funcionalidade, ficamos empolgados para ser honesto. Ela nos permitia criar audiências mais complexas, e quando um visitante entrava na audiência, o GA4 automaticamente despachava o evento.</p>



<p>No entanto, percebemos que triggers de audiência também aumentam a quantidade de fontes de tráfego “(not set)”. Isso não acontece sempre, então os resultados/escopo desse problema variam entre diferentes propriedades.</p>



<p>Se o trigger de audiência estiver relacionado a uma audiência preditiva, o evento provavelmente não será adicionado a nenhuma sessão existente. Assim, a “source/medium” será “(not set) / (not set)”, o que leva ao “Unassigned” no Google Analytics 4.</p>



<p>Infelizmente, não há solução para isso. Os triggers de audiência são gerenciados no back-end do Google Analytics 4. Portanto, se você estiver usando triggers (não confundir com triggers do Google Tag Manager), <strong>aceite o fato de que você terá mais fontes de tráfego “(not set)” do que o usual</strong>.</p>



<h3 class="wp-block-heading">Problemas relacionados ao Google Ads</h3>



<p>Se você estiver usando o Google Ads, verifique o status da integração do Google Ads na sua conta GA4. Vá para <strong>Admin &gt; Links do produto &gt; Google Ads</strong>. Clique no nome da conta do Google Ads e veja se a “<strong>Atribuição de lista de público e visualização do custo”</strong> está ativada. Além disso,<strong> verifique se há erros de verificação de integridade relacionados à importação de dados do Google Ads</strong>.</p>



<p>Se algo der errado na sua integração do Google Ads, isso pode resultar em fontes de tráfego “Unassigned”.</p>



<p>Verifique se há erros de configuração e siga as orientações de correção.</p>



<h3 class="wp-block-heading">Evento “session_start” está ausente</h3>



<p>Se o evento “session_start” não estiver presente nas suas configurações do GA4, as sessões não serão atribuídas corretamente e podem resultar em “Unassigned”.</p>



<h3 class="wp-block-heading">Identidade de relatórios</h3>



<p>O <strong>Google Analytics 4 oferece diferentes métodos de identidade de relatórios (como “Observado” e “Previsão”). Dependendo do método que você escolheu, pode haver algumas lacunas na atribuição de tráfego</strong> que resultam em “Unassigned”.</p>



<h3 class="wp-block-heading">Sobrescrita manual do “session_id”</h3>



<p>Se você estiver sobrescrevendo manualmente o “session_id” em seu código ou nas configurações do GTM, isso pode resultar em dados incorretos e, consequentemente, no aparecimento de “Unassigned”.</p>



<h3 class="wp-block-heading">Dados ainda não foram totalmente processados pelo GA4</h3>



<p>Às vezes, o GA4 pode mostrar “Unassigned” temporariamente quando os dados estão sendo processados. Se você acabou de integrar o GA4 com novas fontes de tráfego ou começou a usar novos parâmetros UTM, pode levar algum tempo para o GA4 processar e atribuir corretamente essas informações.</p>



<hr class="wp-block-separator has-alpha-channel-opacity">



<p>A chave para corrigir este problema é revisar cuidadosamente suas configurações do GA4 e suas implementações de tags, garantindo que todas as regras sejam seguidas e os dados sejam processados corretamente. Mas sinto informar que você poderá apenas minimizar a ocorrência de “Unassigned” e obter uma visão mais clara do desempenho do seu tráfego no GA4, mas nunca resolver 100% (opinião pessoal ~aka Césinha).</p>



<p>Se você tem dúvidas de como configurar o seu GA4, GTM, Google Ads, tags de conversão, eventos, ou qualquer outro assunto de Web Analytics, entre em contato comn a Pink and Brain.</p>



<p>Somos <strong>ratos quando assunto é debugar o GA4 e Web Analytics</strong>. Venha tomar um café digital conosco. ☕🧠</p>
<p>O post <a href="https://www.pinkandbrain.com/unassigned-no-ga4-como-debugar-e-resolver/">Tráfego unassigned no GA4: como resolver?</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Data Layer para Publishers: capturando editorias e tags no GA4</title>
		<link>https://www.pinkandbrain.com/data-layer-para-publishers-capturando-editorias-e-tags-no-ga4/</link>
		
		<dc:creator><![CDATA[César Canteiro]]></dc:creator>
		<pubDate>Fri, 28 Nov 2025 11:51:50 +0000</pubDate>
				<category><![CDATA[Business intelligence]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Coleta de Dados dos Usuários]]></category>
		<category><![CDATA[GA4]]></category>
		<category><![CDATA[Looker Studio]]></category>
		<category><![CDATA[Marketing Digital]]></category>
		<category><![CDATA[Web Analytics]]></category>
		<guid isPermaLink="false">https://www.pinkandbrain.com/?p=13943</guid>

					<description><![CDATA[<p>Saiba como criar um data layer poderoso para o seu blog ou portal de notícias e visualizar dados que farão seu negócio decolar.</p>
<p>O post <a href="https://www.pinkandbrain.com/data-layer-para-publishers-capturando-editorias-e-tags-no-ga4/">Data Layer para Publishers: capturando editorias e tags no GA4</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Quando se trata de portais de conteúdo e notícias, uma dúvida comum que chega aos consultores de aquisição é: “Como posso identificar quais editorias, autores e tópicos geraram mais interesse nas pautas veiculadas?” ou mesmo quaisquer outras informações relevantes que não são coletadas diretamente em plataformas como o <a href="https://www.pinkandbrain.com/elementos/google/" title="Google">Google</a> Analytics. Para responder a essa pergunta de maneira eficiente, a<strong> implementação de um Data Layer (camada de dados “adicionais”) é a alma da estratégia editorial</strong>.</p>



<p>Fique conosco que nesse post, eu diria o melhor até o momento sobre o tema<strong>, irei mostrar como criar um dataLayer relevante para qualquer canal de notícias, vamos dar o código pré-pronto para vopcê usar na sua aplicação em WordPress, mostrar como configurar no GTM e no GA4, e ainda mais: como criar um relatório com esses dados no Analytics e no Looker</strong>. Em outras palavras:</p>



<ul class="wp-block-list">
<li>A importância de capturar informações ricas com um Data Layer, e o que “pescar” de informações nele.
<ul class="wp-block-list">
<li>Código para caputar as informações no WordPress (php super levinho)</li>
</ul>
</li>



<li>Como visualizar esses dados pode transformar estratégias editoriais.
<ul class="wp-block-list">
<li>Configuração no GTM</li>



<li>Configuração no GA4</li>



<li>Relatório básico de análise GA4</li>



<li>Dashzinho de leve no Looker</li>
</ul>
</li>



<li>Um guia prático para configurar e validar o Data Layer no seu WordPress (o conceito vale para qualquer aplicação DEVs), GTM e GA4 com dashboard integrado no Looker.</li>
</ul>



<h2 class="wp-block-heading">Antes de mais nada: por que capturar dados ricos é essencial?</h2>



<p>A criação de um Data Layer permite que você registre e analise informações detalhadas sobre o desempenho do seu conteúdo. Saber por exemplo <strong>quais editorias, autores e tags</strong> geram mais engajamento fornece insights valiosos, ou mesmo quantas palavras os posts de maior sucesso possuiam, se eram mais curtos ou extensos, se tinham galerias, quizz, relacionadas, anúncios, enfim… Perceba que você pode e deve criar os seus gatilhos interessantes para analisar.</p>



<p>Essa estratégia de: do que eu preciso para que eu preciso, pode te levar para:</p>



<ul class="wp-block-list">
<li>Identificar os temas que mais interessam ao público.</li>



<li>Mapear tendências de comportamento.</li>



<li>Orientar estratégias editoriais baseadas em dados reais.</li>



<li>Testes da influencia de layouts diferentes influenciam em métricas de engajamento</li>



<li>etc…</li>



<li>etc..</li>



<li>e etc…</li>
</ul>



<p>É dentro dos detalhes que estão as respostas… e uma camada de dados tonificada vai te dar maior clareza das ações necessárias para a sua audiência. </p>



<h2 class="wp-block-heading">Cuspindo o Data layer</h2>



<p>Para c<strong>apturar informações específicas nas páginas do seu site ou <a href="https://www.pinkandbrain.com/elementos/blog/" title="blog">blog</a></strong>, entenda o que você quer, de cada template, tipo de post, enfim, o primeiro passo é capturar informações do back-end, montar um script e enviar as informações através de um push no Data Layer, que servirá para o tagueamentyo nas plataformas.</p>



<p>O código abaixo é o verdadeiro “ouro” para você capturar informações das suas singles (postagens editoriais). Ele deve ser colocado no cabeçalho das páginas, normalmente o <code>header.php</code>, e de acordo com seus objetivos de coleta. Repare no código PHP para WordPress abaixo com os devidos comentários:</p>



<div class="wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers" data-code-block-pro-font-family="Code-Pro-Hack" style="font-size:.875rem;font-family:Code-Pro-Hack,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#2b2b2b;color:#c7c7c7"><a href="https://www.pinkandbrain.com/elementos/javascript/" title="JavaScript">JavaScript</a></span><span role="button" tabindex="0" style="color:#D4D4D4;display:none" aria-label="Copy" class="code-block-pro-copy-button"><pre class="code-block-pro-copy-button-pre" aria-hidden="true"><textarea class="code-block-pro-copy-button-textarea" tabindex="-1" aria-hidden="true" readonly>&lt;?php if (is_singular('post')) : ?&gt;

		&lt;script&gt;
			window.dataLayer = window.dataLayer || [];
			dataLayer = [{
				"titulo": "&lt;?php echo esc_js(get_the_title()); ?&gt;",
				"linhaFina": "&lt;?php echo esc_js(get_the_excerpt()); ?&gt;",
				"url": "&lt;?php echo esc_url(get_the_permalink()); ?&gt;",
				"autor": "&lt;?php echo esc_js(get_the_author_meta('user_firstname')); ?&gt; &lt;?php echo esc_js(get_the_author_meta('user_lastname')); ?&gt;",
				"dataPublicacao": "&lt;?php echo esc_html(get_the_date('Y-m-d')); ?&gt;",
				"horaPublicacao": "&lt;?php echo esc_html(get_the_date('H:i')); ?&gt;",
				"dataModificacao": "&lt;?php echo esc_html(get_the_modified_date('Y-m-d')); ?&gt;",
				"horaModificacao": "&lt;?php echo esc_html(get_the_modified_date('H:i')); ?&gt;",
				"id": "&lt;?php echo esc_js(get_the_ID()); ?&gt;",
				"path": "&lt;?php echo esc_url(parse_url(get_permalink(), PHP_URL_PATH)); ?&gt;",
				"tipo": "&lt;?php echo esc_js(get_post_type() === 'post' ? 'Single Post' : 'Single Glossário'); ?&gt;",
				"termoBusca": "&lt;?php global $wp_query;
					// Verifica se há uma query de busca
					$termoBusca = '';
					if (is_search() &amp;&amp; isset($wp_query-&gt;query_vars['s'])) {
						$termoBusca = sanitize_text_field($wp_query-&gt;query_vars['s']);
					}
				echo esc_js($termoBusca); ?&gt;",
				"numeroPalavras": "&lt;?php echo esc_js(str_word_count(trim(strip_tags($post-&gt;post_content)))); ?&gt;",
				"temImagem": "&lt;?php 
					$content = get_the_content();
					$featured_image = get_the_post_thumbnail_url();
					$content = str_replace($featured_image, '', $content);
					echo esc_js(preg_match_all('/&lt;img[^&gt;]+&gt;/', $content) &gt; 0 ? 'sim' : 'não'); 
				?&gt;",
				"editoria": [&lt;?php 
					$categories = get_the_category();
					$category_names = array();
					foreach ($categories as $category) {
						$category_names[] = "\"" . esc_js($category-&gt;name) . "\"";
					}
					echo implode(", ", $category_names);
				?&gt;],
				"tags": [&lt;?php 
					$tags = get_the_tags();
					$tag_names = array();
					if ($tags) {
						foreach ($tags as $tag) {
							$tag_names[] = "\"" . esc_js($tag-&gt;name) . "\"";
						}
					}
					echo implode(", ", $tag_names);
				?&gt;]
			}];
		&lt;/script&gt;

&lt;?php endif; ?&gt;</textarea></pre><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></span><pre class="shiki dark-plus" style="background-color: #1E1E1E" tabindex="0"><code><span class="line"><span style="color: #D4D4D4">&lt;?</span><span style="color: #9CDCFE">php</span><span style="color: #D4D4D4"> </span><span style="color: #DCDCAA">if</span><span style="color: #D4D4D4"> (</span><span style="color: #DCDCAA">is_singular</span><span style="color: #D4D4D4">(</span><span style="color: #CE9178">'post'</span><span style="color: #D4D4D4">)) : ?&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D4D4D4">		</span><span style="color: #808080">&lt;</span><span style="color: #569CD6">script</span><span style="color: #808080">&gt;</span></span>
<span class="line"><span style="color: #D4D4D4">			window.dataLayer = window.dataLayer || [];</span></span>
<span class="line"><span style="color: #D4D4D4">			dataLayer = [</span><span style="color: #569CD6">{</span></span>
<span class="line"><span style="color: #D4D4D4">				</span><span style="color: #CE9178">"titulo"</span><span style="color: #D4D4D4">: </span><span style="color: #CE9178">"&lt;?php echo esc_js(get_the_title()); ?&gt;"</span><span style="color: #D4D4D4">,</span></span>
<span class="line"><span style="color: #D4D4D4">				</span><span style="color: #CE9178">"linhaFina"</span><span style="color: #D4D4D4">: </span><span style="color: #CE9178">"&lt;?php echo esc_js(get_the_excerpt()); ?&gt;"</span><span style="color: #D4D4D4">,</span></span>
<span class="line"><span style="color: #D4D4D4">				</span><span style="color: #CE9178">"url"</span><span style="color: #D4D4D4">: </span><span style="color: #CE9178">"&lt;?php echo esc_url(get_the_permalink()); ?&gt;"</span><span style="color: #D4D4D4">,</span></span>
<span class="line"><span style="color: #D4D4D4">				</span><span style="color: #CE9178">"autor"</span><span style="color: #D4D4D4">: </span><span style="color: #CE9178">"&lt;?php echo esc_js(get_the_author_meta('user_firstname')); ?&gt; &lt;?php echo esc_js(get_the_author_meta('user_lastname')); ?&gt;"</span><span style="color: #D4D4D4">,</span></span>
<span class="line"><span style="color: #D4D4D4">				</span><span style="color: #CE9178">"dataPublicacao"</span><span style="color: #D4D4D4">: </span><span style="color: #CE9178">"&lt;?php echo esc_html(get_the_date('Y-m-d')); ?&gt;"</span><span style="color: #D4D4D4">,</span></span>
<span class="line"><span style="color: #D4D4D4">				</span><span style="color: #CE9178">"horaPublicacao"</span><span style="color: #D4D4D4">: </span><span style="color: #CE9178">"&lt;?php echo esc_html(get_the_date('H:i')); ?&gt;"</span><span style="color: #D4D4D4">,</span></span>
<span class="line"><span style="color: #D4D4D4">				</span><span style="color: #CE9178">"dataModificacao"</span><span style="color: #D4D4D4">: </span><span style="color: #CE9178">"&lt;?php echo esc_html(get_the_modified_date('Y-m-d')); ?&gt;"</span><span style="color: #D4D4D4">,</span></span>
<span class="line"><span style="color: #D4D4D4">				</span><span style="color: #CE9178">"horaModificacao"</span><span style="color: #D4D4D4">: </span><span style="color: #CE9178">"&lt;?php echo esc_html(get_the_modified_date('H:i')); ?&gt;"</span><span style="color: #D4D4D4">,</span></span>
<span class="line"><span style="color: #D4D4D4">				</span><span style="color: #CE9178">"id"</span><span style="color: #D4D4D4">: </span><span style="color: #CE9178">"&lt;?php echo esc_js(get_the_ID()); ?&gt;"</span><span style="color: #D4D4D4">,</span></span>
<span class="line"><span style="color: #D4D4D4">				</span><span style="color: #CE9178">"path"</span><span style="color: #D4D4D4">: </span><span style="color: #CE9178">"&lt;?php echo esc_url(parse_url(get_permalink(), PHP_URL_PATH)); ?&gt;"</span><span style="color: #D4D4D4">,</span></span>
<span class="line"><span style="color: #D4D4D4">				</span><span style="color: #CE9178">"tipo"</span><span style="color: #D4D4D4">: </span><span style="color: #CE9178">"&lt;?php echo esc_js(get_post_type() === 'post' ? 'Single Post' : 'Single Glossário'); ?&gt;"</span><span style="color: #D4D4D4">,</span></span>
<span class="line"><span style="color: #D4D4D4">				</span><span style="color: #CE9178">"termoBusca"</span><span style="color: #D4D4D4">: </span><span style="color: #CE9178">"&lt;?php global $wp_query</span><span style="color: #F44747">;</span></span>
<span class="line"><span style="color: #D4D4D4">					</span><span style="color: #6A9955">// Verifica se há uma query de busca</span></span>
<span class="line"><span style="color: #D4D4D4">					</span><span style="color: #9CDCFE">$termoBusca</span><span style="color: #D4D4D4"> = </span><span style="color: #CE9178">''</span><span style="color: #D4D4D4">;</span></span>
<span class="line"><span style="color: #D4D4D4">					</span><span style="color: #DCDCAA">if</span><span style="color: #D4D4D4"> (</span><span style="color: #DCDCAA">is_search</span><span style="color: #D4D4D4">() &amp;&amp; </span><span style="color: #DCDCAA">isset</span><span style="color: #D4D4D4">(</span><span style="color: #9CDCFE">$wp_query</span><span style="color: #D4D4D4">-&gt;</span><span style="color: #9CDCFE">query_vars</span><span style="color: #D4D4D4">[</span><span style="color: #CE9178">'s'</span><span style="color: #D4D4D4">])) {</span></span>
<span class="line"><span style="color: #D4D4D4">						</span><span style="color: #9CDCFE">$termoBusca</span><span style="color: #D4D4D4"> = </span><span style="color: #DCDCAA">sanitize_text_field</span><span style="color: #D4D4D4">(</span><span style="color: #9CDCFE">$wp_query</span><span style="color: #D4D4D4">-&gt;</span><span style="color: #9CDCFE">query_vars</span><span style="color: #D4D4D4">[</span><span style="color: #CE9178">'s'</span><span style="color: #D4D4D4">]);</span></span>
<span class="line"><span style="color: #D4D4D4">					}</span></span>
<span class="line"><span style="color: #D4D4D4">				</span><span style="color: #9CDCFE">echo</span><span style="color: #D4D4D4"> </span><span style="color: #DCDCAA">esc_js</span><span style="color: #D4D4D4">(</span><span style="color: #9CDCFE">$termoBusca</span><span style="color: #D4D4D4">); ?&gt;</span><span style="color: #CE9178">"</span><span style="color: #F44747">,</span></span>
<span class="line"><span style="color: #D4D4D4">				</span><span style="color: #CE9178">"numeroPalavras"</span><span style="color: #D4D4D4">: </span><span style="color: #CE9178">"&lt;?php echo esc_js(str_word_count(trim(strip_tags($post-&gt;post_content)))); ?&gt;"</span><span style="color: #D4D4D4">,</span></span>
<span class="line"><span style="color: #D4D4D4">				</span><span style="color: #CE9178">"temImagem"</span><span style="color: #D4D4D4">: </span><span style="color: #CE9178">"&lt;?php</span><span style="color: #F44747"> </span></span>
<span class="line"><span style="color: #D4D4D4">					</span><span style="color: #9CDCFE">$content</span><span style="color: #D4D4D4"> = </span><span style="color: #DCDCAA">get_the_content</span><span style="color: #D4D4D4">();</span></span>
<span class="line"><span style="color: #D4D4D4">					</span><span style="color: #9CDCFE">$featured_image</span><span style="color: #D4D4D4"> = </span><span style="color: #DCDCAA">get_the_post_thumbnail_url</span><span style="color: #D4D4D4">();</span></span>
<span class="line"><span style="color: #D4D4D4">					</span><span style="color: #9CDCFE">$content</span><span style="color: #D4D4D4"> = </span><span style="color: #DCDCAA">str_replace</span><span style="color: #D4D4D4">(</span><span style="color: #9CDCFE">$featured_image</span><span style="color: #D4D4D4">, </span><span style="color: #CE9178">''</span><span style="color: #D4D4D4">, </span><span style="color: #9CDCFE">$content</span><span style="color: #D4D4D4">);</span></span>
<span class="line"><span style="color: #D4D4D4">					</span><span style="color: #9CDCFE">echo</span><span style="color: #D4D4D4"> </span><span style="color: #DCDCAA">esc_js</span><span style="color: #D4D4D4">(</span><span style="color: #DCDCAA">preg_match_all</span><span style="color: #D4D4D4">(</span><span style="color: #CE9178">'/&lt;img[^&gt;]+&gt;/'</span><span style="color: #D4D4D4">, </span><span style="color: #9CDCFE">$content</span><span style="color: #D4D4D4">) &gt; </span><span style="color: #B5CEA8">0</span><span style="color: #D4D4D4"> ? </span><span style="color: #CE9178">'sim'</span><span style="color: #D4D4D4"> : </span><span style="color: #CE9178">'não'</span><span style="color: #D4D4D4">); </span></span>
<span class="line"><span style="color: #D4D4D4">				?&gt;</span><span style="color: #CE9178">"</span><span style="color: #F44747">,</span></span>
<span class="line"><span style="color: #D4D4D4">				</span><span style="color: #CE9178">"editoria"</span><span style="color: #D4D4D4">: [&lt;?</span><span style="color: #9CDCFE">php</span><span style="color: #D4D4D4"> </span></span>
<span class="line"><span style="color: #D4D4D4">					</span><span style="color: #9CDCFE">$categories</span><span style="color: #D4D4D4"> = </span><span style="color: #DCDCAA">get_the_category</span><span style="color: #D4D4D4">();</span></span>
<span class="line"><span style="color: #D4D4D4">					</span><span style="color: #9CDCFE">$category_names</span><span style="color: #D4D4D4"> = </span><span style="color: #DCDCAA">array</span><span style="color: #D4D4D4">();</span></span>
<span class="line"><span style="color: #D4D4D4">					</span><span style="color: #DCDCAA">foreach</span><span style="color: #D4D4D4"> (</span><span style="color: #9CDCFE">$categories</span><span style="color: #D4D4D4"> </span><span style="color: #C586C0">as</span><span style="color: #D4D4D4"> </span><span style="color: #4EC9B0">$category</span><span style="color: #D4D4D4">) {</span></span>
<span class="line"><span style="color: #D4D4D4">						$category_names</span><span style="color: #9CDCFE">[] = "\"" . esc_js($category-&gt;name) . "\"";</span></span>
<span class="line"><span style="color: #9CDCFE">					}</span></span>
<span class="line"><span style="color: #9CDCFE">					echo implode(", ", $category_names);</span></span>
<span class="line"><span style="color: #9CDCFE">				?&gt;],</span></span>
<span class="line"><span style="color: #9CDCFE">				"tags":</span><span style="color: #D4D4D4"> [&lt;?</span><span style="color: #9CDCFE">php</span><span style="color: #D4D4D4"> </span></span>
<span class="line"><span style="color: #D4D4D4">					</span><span style="color: #9CDCFE">$tags</span><span style="color: #D4D4D4"> = </span><span style="color: #DCDCAA">get_the_tags</span><span style="color: #D4D4D4">();</span></span>
<span class="line"><span style="color: #D4D4D4">					</span><span style="color: #9CDCFE">$tag_names</span><span style="color: #D4D4D4"> = </span><span style="color: #DCDCAA">array</span><span style="color: #D4D4D4">();</span></span>
<span class="line"><span style="color: #D4D4D4">					</span><span style="color: #DCDCAA">if</span><span style="color: #D4D4D4"> (</span><span style="color: #9CDCFE">$tags</span><span style="color: #D4D4D4">) {</span></span>
<span class="line"><span style="color: #D4D4D4">						</span><span style="color: #DCDCAA">foreach</span><span style="color: #D4D4D4"> (</span><span style="color: #9CDCFE">$tags</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">as</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">$tag</span><span style="color: #D4D4D4">) {</span></span>
<span class="line"><span style="color: #D4D4D4">							</span><span style="color: #9CDCFE">$tag_names</span><span style="color: #D4D4D4">[] = </span><span style="color: #CE9178">"</span><span style="color: #D7BA7D">\"</span><span style="color: #CE9178">"</span><span style="color: #D4D4D4"> . </span><span style="color: #DCDCAA">esc_js</span><span style="color: #D4D4D4">(</span><span style="color: #9CDCFE">$tag</span><span style="color: #D4D4D4">-&gt;</span><span style="color: #9CDCFE">name</span><span style="color: #D4D4D4">) . </span><span style="color: #CE9178">"</span><span style="color: #D7BA7D">\"</span><span style="color: #CE9178">"</span><span style="color: #D4D4D4">;</span></span>
<span class="line"><span style="color: #D4D4D4">						}</span></span>
<span class="line"><span style="color: #D4D4D4">					}</span></span>
<span class="line"><span style="color: #D4D4D4">					</span><span style="color: #9CDCFE">echo</span><span style="color: #D4D4D4"> </span><span style="color: #DCDCAA">implode</span><span style="color: #D4D4D4">(</span><span style="color: #CE9178">", "</span><span style="color: #D4D4D4">, </span><span style="color: #9CDCFE">$tag_names</span><span style="color: #D4D4D4">);</span></span>
<span class="line"><span style="color: #D4D4D4">				?&gt;]</span></span>
<span class="line"><span style="color: #D4D4D4">			}];</span></span>
<span class="line"><span style="color: #D4D4D4">		&lt;/</span><span style="color: #9CDCFE">script</span><span style="color: #D4D4D4">&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D4D4D4">&lt;?</span><span style="color: #9CDCFE">php</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">endif</span><span style="color: #D4D4D4">; ?&gt;</span></span></code></pre><span style="display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative">JavaScript</span></div>



<p>No exemplo acima estaremos capturando várias informações valiosas. São elas:</p>



<h3 class="wp-block-heading">Título (<code>titulo</code>)</h3>



<ul class="wp-block-list">
<li>O título do post ou página.</li>
</ul>



<h3 class="wp-block-heading">Linha fina (<code>linhaFina</code>)</h3>



<ul class="wp-block-list">
<li>O resumo ou excerpt do conteúdo.</li>
</ul>



<h3 class="wp-block-heading">URL (<code>url</code>)</h3>



<ul class="wp-block-list">
<li>O link completo para o post ou página.</li>
</ul>



<h3 class="wp-block-heading">Autor (<code>autor</code>)</h3>



<ul class="wp-block-list">
<li>Nome completo do autor do conteúdo.</li>
</ul>



<h3 class="wp-block-heading">Data de publicação (<code>dataPublicacao</code>)</h3>



<ul class="wp-block-list">
<li>Data em que o conteúdo foi publicado (formato: <code>YYYY-MM-DD</code>).</li>
</ul>



<h3 class="wp-block-heading">Hora de publicação (<code>horaPublicacao</code>)</h3>



<ul class="wp-block-list">
<li>Hora exata da publicação (formato: <code>HH:mm</code>).</li>
</ul>



<h3 class="wp-block-heading">Data de modificação (<code>dataModificacao</code>)</h3>



<ul class="wp-block-list">
<li>Data da última modificação do conteúdo (formato: <code>YYYY-MM-DD</code>).</li>
</ul>



<h3 class="wp-block-heading">Hora de modificação (<code>horaModificacao</code>)</h3>



<ul class="wp-block-list">
<li>Hora da última modificação do conteúdo (formato: <code>HH:mm</code>).</li>
</ul>



<h3 class="wp-block-heading">ID (<code>id</code>)</h3>



<ul class="wp-block-list">
<li>Identificador único do post ou página.</li>
</ul>



<h3 class="wp-block-heading">Caminho (<code>path</code>)</h3>



<ul class="wp-block-list">
<li>O caminho da URL (sem o domínio).</li>
</ul>



<h3 class="wp-block-heading">Tipo (<code>tipo</code>)</h3>



<ul class="wp-block-list">
<li>Identifica o tipo de conteúdo (ex.: <code>Single Post</code>, <code>default</code>, etc.).</li>
</ul>



<h3 class="wp-block-heading">Número de palavras (<code>numeroPalavras</code>)</h3>



<ul class="wp-block-list">
<li>Quantidade de palavras no conteúdo.</li>
</ul>



<h3 class="wp-block-heading">Tem imagem (<code>temImagem</code>)</h3>



<ul class="wp-block-list">
<li>Indica se o conteúdo tem imagens destacadas incorporadas (valores: <code>sim</code> ou <code>não</code>).</li>
</ul>



<h3 class="wp-block-heading">Editorias (<code>editoria</code>)</h3>



<ul class="wp-block-list">
<li>Lista de categorias do conteúdo.</li>
</ul>



<h3 class="wp-block-heading">Tags (<code>tags</code>)</h3>



<ul class="wp-block-list">
<li>Lista de tags associadas ao conteúdo.</li>
</ul>



<h2 class="wp-block-heading">Use o DevTools no navegador para confirmar os valores no Data Layer</h2>



<p>Depois de colocar o código acima nas páginas de interesse, no caso acima das postagens em “post” e “glossario”, devemos agora verificar se os dados estão realmente disponíveis no <strong>Data Layer</strong>. No console do navegador:</p>



<ul class="wp-block-list">
<li>Acesse o site e abra o <strong><a href="https://www.pinkandbrain.com/elementos/devtools/" title="DevTools">DevTools</a></strong> (<code>F12</code> ou <code>Ctrl+Shift+I</code>).</li>



<li>Vá até a aba <strong>Console</strong>.</li>



<li>Digite <code>dataLayer</code> e pressione Enter.</li>



<li>Verifique se o Data Layer contém os valores esperados, como <code>editorias</code>, <code>tags</code>, etc.</li>
</ul>



<p>Um exemplo esperado:</p>



<figure class="wp-block-image size-full"><img decoding="async" width="996" height="981" loading="lazy" src="https://www.pinkandbrain.com/wp-content/uploads/2024/12/data-layer-pelo-devtools.webp" alt="" class="wp-image-13950" title="Data Layer acessado pelo Console no Dev Tools"><figcaption class="wp-element-caption">Ao consultar o dataLayer no console do DEV Tools você irá visualizar os <a href="https://www.pinkandbrain.com/elementos/dados-estruturados/" title="dados estruturados">dados estruturados</a>.</figcaption></figure>



<p>Se o Data Layer não contiver esses dados, será necessário ajustar o script que popula o Data Layer. Use o chatGPT para te guiar. Essa é uma tarefa relativamente simples.</p>



<h2 class="wp-block-heading">Crie variáveis personalizadas no GTM</h2>



<p>Crie variáveis personalizadas com “variáveis de camada de dados” no GTM, inclua cada parâmetro como “editorias”, “tags”, “autores”, e nomeie a sua variável personalizada para busca-la quando criarmos a tag de disparo.</p>



<p>Estarei utilizando uma  nomenclatura de exemplo, mas quero deixá-los a vontade para escolher como preferirem. Vou criar algumas de exemplificação e depois vocês devem recriar o processo para cada variável de informação. Criarei:</p>



<ul class="wp-block-list">
<li><code>DL - Editorias</code></li>



<li><code>DL - Tags</code></li>



<li><code><code>DL - Autor</code></code></li>
</ul>



<h3 class="wp-block-heading">Passo a passo para criar as variáveis personalizadas no GTM</h3>



<ol class="wp-block-list">
<li>Acesse o GTM e vá até <strong>Variáveis</strong>.</li>



<li>Encontre as variáveis personalizadas, como <code>DL - Editorias</code>, e clique nelas.</li>



<li>Verifique:
<ul class="wp-block-list">
<li>Tipo de variável: <strong>Camada de Dados</strong>.</li>



<li>Nome da chave: <strong>editorias</strong> (deve ser exatamente como está no Data Layer).</li>
</ul>
</li>
</ol>



<p></p>



<h2 class="wp-block-heading">Configuração dos parâmetros de eventos na tag do GA4 no GTML</h2>



<p>Certifique-se de que os parâmetros personalizados <strong><code>editoria</code></strong> e <strong><code>tags</code></strong> estão corretamente configurados na tag do GA4:</p>



<ul class="wp-block-list">
<li>Acesse a tag do <strong>GA4</strong> no GTM.</li>



<li>Na seção de <strong>Parâmetros Personalizados</strong>, insira:
<ul class="wp-block-list">
<li>Nome do parâmetro: <strong><code>editoria</code></strong></li>



<li>Valor: <strong><code>{{DL - Editorias}}</code></strong></li>



<li>Nome do parâmetro: <strong><code>tags</code></strong></li>



<li>Valor: <strong><code>{{DL - Tags}}</code></strong></li>
</ul>
</li>
</ul>



<h2 class="wp-block-heading">Teste a implementação no GTM</h2>



<p>Já que vc cuspiu o dataLayer nas páginas, criou as variáveis personalizadas, configurou a tag global do Ga4, agora já pode visualizar no debug mode se eles estão aparecendo em “Variáveis”.</p>



<p>Use o <strong>Modo de Prévia</strong> do GTM:</p>



<ul class="wp-block-list">
<li>Acesse o GTM e clique em <strong>Visualizar</strong>.</li>



<li>Navegue no seu site para acionar a tag do GA4.</li>



<li>Verifique no painel do Debug Mode do GTM se os valores de <code>editoria</code> e <code>tags</code> estão sendo capturados corretamente no Data Layer.</li>
</ul>



<p>Use o <strong>DebugView</strong> do GA4:</p>



<ul class="wp-block-list">
<li>No GA4, vá até <strong>Administrador &gt; DebugView</strong>.</li>



<li>Navegue no seu site e procure eventos disparados. Veja se os parâmetros <code>editoria</code> e <code>tags</code> aparecem associados aos eventos no DebugView.</li>
</ul>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><img decoding="async" width="1153" height="762" loading="lazy" data-id="13944" src="https://www.pinkandbrain.com/wp-content/uploads/2024/12/debug-mode-gtm-variaveis-personalizadas.webp" alt="" class="wp-image-13944" title="Debug mode GTM variáveis personalizadas"></figure>
</figure>



<p>Agora que está tudo certo no GTM, você precisa ir até o GA4 e criar “Definições personalizadas” na área do Administrador:</p>



<p></p>



<h2 class="wp-block-heading">Configure os Parâmetros Personalizados no GA4</h2>



<p>No <strong>GA4</strong>, você precisa registrar os parâmetros <code>editoria</code> e <code>tags</code> para visualizá-los nos relatórios:</p>



<ol class="wp-block-list">
<li>Acesse <strong>Administrador &gt; Definições Personalizadas &gt; Parâmetros Personalizados</strong>.</li>



<li>Clique em <strong>Criar Definição Personalizada</strong>.</li>



<li>Para cada parâmetro:
<ul class="wp-block-list">
<li>Nome: <strong>Editorias</strong> (ou Tags, conforme o caso).</li>



<li>Escopo: <strong>Evento</strong>.</li>



<li>Parâmetro do evento: <strong>editoria</strong> (ou <code>tags</code>).</li>
</ul>
</li>



<li>Salve as configurações.</li>
</ol>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><img decoding="async" width="2008" height="1208" loading="lazy" data-id="14033" src="https://www.pinkandbrain.com/wp-content/uploads/2024/12/definicoes-personalizadas-ga4.webp" alt="" class="wp-image-14033" title="Definições personalizadas GA4"></figure>
</figure>



<h3 class="wp-block-heading">Configurar os parâmetros no GA4</h3>



<p>Certifique-se de que os valores enviados pelos eventos estão sendo registrados corretamente no GA4:</p>



<ul class="wp-block-list">
<li>Acesse o <strong>Google Analytics 4</strong>.</li>



<li>Vá para <strong>Configurações de evento</strong> e confirme se os eventos do Data Layer (como <code>editoria</code>, <code>tags</code>, etc.) estão sendo coletados.
<ul class="wp-block-list">
<li>No menu lateral, clique em <strong>Administração &gt; Eventos &gt; Parâmetros Personalizados</strong>.</li>



<li>Adicione os parâmetros (<code>editoria</code>, <code>tags</code>, etc.) como <strong>dimensões personalizadas</strong>:
<ul class="wp-block-list">
<li>Nome da dimensão: <strong>Editorias</strong></li>



<li>Escopo: <strong>Evento</strong></li>



<li>Nome do parâmetro: <strong>editoria</strong> (o nome exatamente como enviado pelo evento no GTM).</li>
</ul>
</li>
</ul>
</li>
</ul>



<p>Aguarde até 24 horas para que as dimensões personalizadas estejam disponíveis no Looker Studio.</p>



<h2 class="wp-block-heading">Agora você pode criar Relatórios Personalizados para Visualizar Editorias e Tags</h2>



<h3 class="wp-block-heading">Para visualizar editorias mais acessadas</h3>



<ol class="wp-block-list">
<li>Acesse o menu <strong>Exploração</strong> no GA4.</li>



<li>Clique em <strong>Criar Exploração</strong>.</li>



<li>Configure as dimensões e métricas:
<ul class="wp-block-list">
<li><strong>Dimensão principal</strong>: <strong>Editorias</strong>.</li>



<li><strong>Métrica</strong>: Total de eventos (ou outra métrica, como Visualizações de Página).</li>
</ul>
</li>



<li>Arraste a dimensão “Editorias” para <strong>Linhas</strong> e a métrica “Total de Eventos” para <strong>Valores</strong>.</li>
</ol>



<h3 class="wp-block-heading">Para visualizar as tags mais utilizadas</h3>



<ol class="wp-block-list">
<li>Acesse o menu <strong>Exploração</strong> no GA4.</li>



<li>Clique em <strong>Criar Exploração</strong>.</li>



<li>Configure as dimensões e métricas:
<ul class="wp-block-list">
<li><strong>Dimensão principal</strong>: <strong>Tags</strong>.</li>



<li><strong>Métrica</strong>: Total de eventos (ou outra métrica, como Visualizações de Página).</li>
</ul>
</li>



<li>Arraste a dimensão “Tags” para <strong>Linhas</strong> e a métrica “Total de Eventos” para <strong>Valores</strong>.</li>
</ol>



<hr class="wp-block-separator has-alpha-channel-opacity">



<h2 class="wp-block-heading">Valide os Dados nos Relatórios do GA4</h2>



<p>Após configurar tudo, dê alguns dias para que os dados comecem a ser populados. Verifique:</p>



<ul class="wp-block-list">
<li>Em <strong>Explorações</strong>, veja se os valores de editorias e tags aparecem corretamente.</li>



<li>Use filtros para identificar padrões e tendências.</li>
</ul>



<h2 class="wp-block-heading">Use os Dados nos Relatórios no Looker Studio (antigo Data Studio)</h2>



<h3 class="wp-block-heading">Conectar o Looker Studio ao GA4</h3>



<ol class="wp-block-list">
<li>Acesse o <strong>Looker Studio</strong>.</li>



<li>Crie um <strong>novo relatório</strong>.</li>



<li>Conecte ao GA4:
<ul class="wp-block-list">
<li>Escolha <strong>Adicionar Dados</strong> e selecione <strong>Google Analytics</strong>.</li>



<li>Escolha sua propriedade GA4.</li>
</ul>
</li>
</ol>



<h3 class="wp-block-heading">Criar a tabela para mostrar as editorias</h3>



<ol class="wp-block-list">
<li>Adicione um gráfico de tabela ao relatório:
<ul class="wp-block-list">
<li>Clique em <strong>Adicionar Gráfico &gt; Tabela</strong>.</li>
</ul>
</li>



<li>Configure os campos:
<ul class="wp-block-list">
<li><strong>Dimensão principal</strong>: Selecione o parâmetro <code>editoria</code> (ou a dimensão personalizada correspondente criada no GA4).</li>



<li><strong>Métrica</strong>: Escolha <code>Contagem de Eventos</code> (ou qualquer métrica relevante, como <code>Usuários</code> ou <code>Visualizações</code>).</li>
</ul>
</li>



<li>Personalize os filtros:
<ul class="wp-block-list">
<li><strong>Filtro de evento</strong>: Inclua apenas os eventos que contêm o parâmetro <code>editoria</code>.
<ul class="wp-block-list">
<li>Exemplo: Crie um filtro onde <code>event_name</code> = <code>page_view</code> (ou outro evento específico usado para registrar as editorias).</li>
</ul>
</li>
</ul>
</li>
</ol>



<h3 class="wp-block-heading">Visualizar as editorias mais acessadas</h3>



<p>O relatório deve exibir uma tabela com:</p>



<ul class="wp-block-list">
<li>Coluna 1: Nomes das editorias.</li>



<li>Coluna 2: Quantidade de eventos relacionados (ou usuários, conforme escolhido).</li>
</ul>



<p>Exemplo:</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th><strong>Editoria</strong></th><th><strong>Contagem de Eventos</strong></th></tr></thead><tbody><tr><td>Nome da editoria 1</td><td>2.500</td></tr><tr><td>Nome da editoria 1, Nome da editoria 2</td><td>1.800</td></tr><tr><td>Nome da editoria 3</td><td>900</td></tr></tbody></table></figure>



<p>Screenshot:</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><img decoding="async" width="980" height="892" loading="lazy" data-id="14029" src="https://www.pinkandbrain.com/wp-content/uploads/2024/12/looker-studio-data-layer.webp" alt="" class="wp-image-14029" title="Looker Studio data layer"></figure>
</figure>



<p>Dica extra: se você não está conseguindo encontrar os campos criados, você precisa atualiuzar sua conexão para que o Looker consiga receber as novas dimensões. Para isso, vá em gerenciar fontes de dados, encontre sua conexão com o GA4 e atualize:</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><img decoding="async" width="1478" height="1138" loading="lazy" data-id="14034" src="https://www.pinkandbrain.com/wp-content/uploads/2024/12/atualizar-campos-looker.webp" alt="" class="wp-image-14034" title="Atualizar campos Looker Studio"></figure>
</figure>



<hr class="wp-block-separator has-alpha-channel-opacity">



<h3 class="wp-block-heading">Adicionar segmentação e análises adicionais</h3>



<p>Para enriquecer seu relatório:</p>



<ul class="wp-block-list">
<li><strong>Adicionar filtros por período</strong>: Adicione controles para selecionar intervalos de datas.</li>



<li><strong>Filtrar por tags ou autor</strong>: Se os valores das <code>tags</code> e <code>autor</code> também estão sendo enviados, use-os como dimensões adicionais para explorar mais dados.</li>



<li><strong>Criar gráficos complementares</strong>:
<ul class="wp-block-list">
<li>Gráfico de barras para visualizar as editorias mais acessadas.</li>



<li>Gráfico de pizza para ver a proporção de acessos por editoria.</li>
</ul>
</li>
</ul>



<h2 class="wp-block-heading">Insights finais dos ratos</h2>



<p>Daqui para frente é a sua necessidade que irá molar a criação de relatórios no GA4 e dashboards no Looker. Use e abuse da sua imaginação para coletar comportamentos e dados específicos para análises enriquecidas.</p>



<h3 class="wp-block-heading">Dica final</h3>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Empodere seu time para saber como coletar e analisar as informações corretas.</p>
<cite>Pink and Brain</cite></blockquote>



<p>Se você precisa de suporte para criar formas claras e eficientes de analisar o desempenho do seu negócio, fale com a <strong>Pink and Brain</strong>. Somos <strong>especialistas em business intelligence e apaixonados por transformar dados em insights poderosos</strong>.<br></p>
<p>O post <a href="https://www.pinkandbrain.com/data-layer-para-publishers-capturando-editorias-e-tags-no-ga4/">Data Layer para Publishers: capturando editorias e tags no GA4</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Componente de cookies com consentimento para o GA4</title>
		<link>https://www.pinkandbrain.com/criando-um-componente-de-cookies-com-consentimento-para-o-ga4/</link>
		
		<dc:creator><![CDATA[César Canteiro]]></dc:creator>
		<pubDate>Fri, 07 Nov 2025 22:04:04 +0000</pubDate>
				<category><![CDATA[Business intelligence]]></category>
		<category><![CDATA[Desenvolvimento web]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Cookies]]></category>
		<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[GA4]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[LGPD ( Lei Geral de Proteção de Dados Pessoais)]]></category>
		<category><![CDATA[Marketing Digital]]></category>
		<category><![CDATA[Web Analytics]]></category>
		<guid isPermaLink="false">https://www.pinkandbrain.com/?p=13342</guid>

					<description><![CDATA[<p>Se você prefere criar seu próprio elemento de consent mode ao invés de usar recursos de terceiros, vamos explicar no detalhe como criar, desde o HTML, CSS e JS de um componente de cookies</p>
<p>O post <a href="https://www.pinkandbrain.com/criando-um-componente-de-cookies-com-consentimento-para-o-ga4/">Componente de cookies com consentimento para o GA4</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Este conteúdo é destinada aos desenvolvedores que usam tags do <a href="https://www.pinkandbrain.com/elementos/google/" title="Google">Google</a> em um site e querem integrar o modo de consentimento a ele. Para uma introdução ao modo de consentimento, acesse <a href="https://developers.google.com/tag-platform/devguides/privacy?hl=pt-br#consent_mode_overview">Visão geral do modo de consentimento</a> e veja aqui o <a href="https://developers.google.com/tag-platform/security/guides/consent?consentmode=advanced&amp;hl=pt-br">guia completo do próprio Google de como implementar o consent mode</a> no seu site.</p>



<p>A implementação de um componente de cookies para consentimento ajustado no Google Analytics 4 (GA4) é fundamental para quem deseja ter <strong>controle total sobre a coleta de dados de usuários sem depender de plataformas terceirizadas, como AdOpt, plugins do WordPress ou outras soluções similares</strong>.</p>



<p>Criei este artigo tutorial de como <strong>criar um componente do zero <a href="https://www.pinkandbrain.com/elementos/html-hypertext-markup-language/" title="HTML">HTML</a>, CSS, JS e incluir dataLayer para classificar as informações obtidas de consentimento dos usuários sincronizados para o GA4</strong>. Você aprenderá como configurar um componente de cookies de maneira correta, <strong>garantindo conformidade com a Lei Geral de Proteção de Dados (LGPD)</strong>, <strong>melhores práticas de SEO e otimização de performance</strong>.</p>



<h2 class="wp-block-heading">Importância do Consent Mode para SEO e LGPD</h2>



<p>O <strong>Consent Mode</strong> é a maneira de equilibrar a coleta de dados e a privacidade do usuário. Ele permite que você ajuste o comportamento das tags do Google com base no status de consentimento dos usuários para cookies de publicidade e <a href="https://www.pinkandbrain.com/visualizacao-de-dados-e-analise-de-dados-existe-diferenca/" title="análise de dados">análise de dados</a> comportamentais, além obviamente de atender as premissas da Lei Geral de Proteção de Dados, ou seja, é crucial para os sites estarem passíveis de serem bem classificados nos mecanismos de pesquisas, já que o Google também usa essa prática como um fator de autoridade/credibilidade de um domínio.</p>



<ul class="wp-block-list">
<li><strong>Conformidade com a LGPD</strong>: A LGPD exige que os sites obtenham consentimento explícito dos usuários antes de coletar dados pessoais. Ao implementar um componente de consentimento de cookies, você pode garantir que está em conformidade com essas exigências.</li>



<li><strong>Impacto para SEO</strong>: O Consent Mode ajuda a coletar dados de comportamento dos usuários de forma agregada e anônima quando o consentimento não é dado, permitindo que você continue sua navegação, criar novas páginas, otimizar as que já tem, mostrar ou não elementos, enfim, ´sua imaginação que mandará. Outro ponto chave é que: configurar o consent mode irá dar crédito ao seu site, tornando mais autoridade.</li>
</ul>



<h2 class="wp-block-heading">Ganhos de performance e personalização</h2>



<p>Além da conformidade e otimização para SEO, a <strong>criação de um componente de cookies personalizado pode trazer ganhos de performance</strong>. Embora soluções de terceiros geralmente sejam leves, construir seu próprio componente elimina dependências adicionais de bibliotecas e scripts, potencialmente acelerando o carregamento da página.</p>



<h2 class="wp-block-heading">Personalização infinita (e o além)</h2>



<p>Outro benefício importante é a <strong>personalização infinita</strong>: você tem total controle sobre o estilo, funcionalidade e comportamento do componente de cookies, podendo ajustá-lo para atender às necessidades específicas do seu site e público.</p>



<p>As plataformas de mercado e plugins oferecem algo mais “engessado” e você certamente não conseguirá deixar a cara do seu design system.</p>



<h2 class="wp-block-heading">Exemplo de implementação de um componente de cookies</h2>



<p>Abaixo, você encontrará um exemplo de como implementar um componente de cookies personalizado utilizando HTML, <a href="https://www.pinkandbrain.com/elementos/javascript/" title="JavaScript">JavaScript</a> e dataLayer para ajustar o consentimento no GA4.</p>



<div class="wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers" data-code-block-pro-font-family="Code-Pro-Hack" style="font-size:.875rem;font-family:Code-Pro-Hack,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#2b2b2b;color:#c7c7c7">HTML</span><span role="button" tabindex="0" style="color:#D4D4D4;display:none" aria-label="Copy" class="code-block-pro-copy-button"><pre class="code-block-pro-copy-button-pre" aria-hidden="true"><textarea class="code-block-pro-copy-button-textarea" tabindex="-1" aria-hidden="true" readonly>&lt;div class="cookies-container lazy__image"&gt;
    &lt;div class="cookies-content"&gt;
        &lt;div class="flex__cookies"&gt;
            &lt;p&gt;Esse site trabalha com cookies 🍪 para &lt;strong&gt;melhorar as informações e a navegação dos nossos usuários&lt;/strong&gt;, mas não armazena nenhum tipo de informação pessoal. &lt;/p&gt;
            &lt;div class="cookies-pref"&gt;
                &lt;label title="Marque para saber mais sobre o perfil dos nossos usuários potenciais clientes." class="control control-checkbox"&gt;
                    &lt;input name="analytics" type="checkbox" checked="checked" data-function="analytics"/&gt;Permitir Cookies
                    &lt;div class="control_indicator"&gt;&lt;/div&gt;
                &lt;/label&gt;
                &lt;label title="Marque se quiser receber recomendações, promoções e dicas sobre a saúde auditiva." class="control control-checkbox"&gt;
                    &lt;input name="marketing" type="checkbox" data-function="marketing"/&gt;Marketing e Newsletter
                    &lt;div class="control_indicator"&gt;&lt;/div&gt;
                &lt;/label&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;button class="cookies-save"&gt;Salvar e Continuar&lt;/button&gt;
    &lt;/div&gt;
&lt;/div&gt;</textarea></pre><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></span><pre class="shiki dark-plus" style="background-color: #1E1E1E" tabindex="0"><code><span class="line"><span style="color: #808080">&lt;</span><span style="color: #569CD6">div</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">class</span><span style="color: #D4D4D4">=</span><span style="color: #CE9178">"cookies-container lazy__image"</span><span style="color: #808080">&gt;</span></span>
<span class="line"><span style="color: #D4D4D4">    </span><span style="color: #808080">&lt;</span><span style="color: #569CD6">div</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">class</span><span style="color: #D4D4D4">=</span><span style="color: #CE9178">"cookies-content"</span><span style="color: #808080">&gt;</span></span>
<span class="line"><span style="color: #D4D4D4">        </span><span style="color: #808080">&lt;</span><span style="color: #569CD6">div</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">class</span><span style="color: #D4D4D4">=</span><span style="color: #CE9178">"flex__cookies"</span><span style="color: #808080">&gt;</span></span>
<span class="line"><span style="color: #D4D4D4">            </span><span style="color: #808080">&lt;</span><span style="color: #569CD6">p</span><span style="color: #808080">&gt;</span><span style="color: #D4D4D4">Esse site trabalha com cookies 🍪 para </span><span style="color: #808080">&lt;</span><span style="color: #569CD6">strong</span><span style="color: #808080">&gt;</span><span style="color: #D4D4D4">melhorar as informações e a navegação dos nossos usuários</span><span style="color: #808080">&lt;/</span><span style="color: #569CD6">strong</span><span style="color: #808080">&gt;</span><span style="color: #D4D4D4">, mas não armazena nenhum tipo de informação pessoal. </span><span style="color: #808080">&lt;/</span><span style="color: #569CD6">p</span><span style="color: #808080">&gt;</span></span>
<span class="line"><span style="color: #D4D4D4">            </span><span style="color: #808080">&lt;</span><span style="color: #569CD6">div</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">class</span><span style="color: #D4D4D4">=</span><span style="color: #CE9178">"cookies-pref"</span><span style="color: #808080">&gt;</span></span>
<span class="line"><span style="color: #D4D4D4">                </span><span style="color: #808080">&lt;</span><span style="color: #569CD6">label</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">title</span><span style="color: #D4D4D4">=</span><span style="color: #CE9178">"Marque para saber mais sobre o perfil dos nossos usuários potenciais clientes."</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">class</span><span style="color: #D4D4D4">=</span><span style="color: #CE9178">"control control-checkbox"</span><span style="color: #808080">&gt;</span></span>
<span class="line"><span style="color: #D4D4D4">                    </span><span style="color: #808080">&lt;</span><span style="color: #569CD6">input</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">name</span><span style="color: #D4D4D4">=</span><span style="color: #CE9178">"analytics"</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">type</span><span style="color: #D4D4D4">=</span><span style="color: #CE9178">"checkbox"</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">checked</span><span style="color: #D4D4D4">=</span><span style="color: #CE9178">"checked"</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">data-function</span><span style="color: #D4D4D4">=</span><span style="color: #CE9178">"analytics"</span><span style="color: #808080">/&gt;</span><span style="color: #D4D4D4">Permitir Cookies</span></span>
<span class="line"><span style="color: #D4D4D4">                    </span><span style="color: #808080">&lt;</span><span style="color: #569CD6">div</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">class</span><span style="color: #D4D4D4">=</span><span style="color: #CE9178">"control_indicator"</span><span style="color: #808080">&gt;&lt;/</span><span style="color: #569CD6">div</span><span style="color: #808080">&gt;</span></span>
<span class="line"><span style="color: #D4D4D4">                </span><span style="color: #808080">&lt;/</span><span style="color: #569CD6">label</span><span style="color: #808080">&gt;</span></span>
<span class="line"><span style="color: #D4D4D4">                </span><span style="color: #808080">&lt;</span><span style="color: #569CD6">label</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">title</span><span style="color: #D4D4D4">=</span><span style="color: #CE9178">"Marque se quiser receber recomendações, promoções e dicas sobre a saúde auditiva."</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">class</span><span style="color: #D4D4D4">=</span><span style="color: #CE9178">"control control-checkbox"</span><span style="color: #808080">&gt;</span></span>
<span class="line"><span style="color: #D4D4D4">                    </span><span style="color: #808080">&lt;</span><span style="color: #569CD6">input</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">name</span><span style="color: #D4D4D4">=</span><span style="color: #CE9178">"marketing"</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">type</span><span style="color: #D4D4D4">=</span><span style="color: #CE9178">"checkbox"</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">data-function</span><span style="color: #D4D4D4">=</span><span style="color: #CE9178">"marketing"</span><span style="color: #808080">/&gt;</span><span style="color: #D4D4D4">Marketing e Newsletter</span></span>
<span class="line"><span style="color: #D4D4D4">                    </span><span style="color: #808080">&lt;</span><span style="color: #569CD6">div</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">class</span><span style="color: #D4D4D4">=</span><span style="color: #CE9178">"control_indicator"</span><span style="color: #808080">&gt;&lt;/</span><span style="color: #569CD6">div</span><span style="color: #808080">&gt;</span></span>
<span class="line"><span style="color: #D4D4D4">                </span><span style="color: #808080">&lt;/</span><span style="color: #569CD6">label</span><span style="color: #808080">&gt;</span></span>
<span class="line"><span style="color: #D4D4D4">            </span><span style="color: #808080">&lt;/</span><span style="color: #569CD6">div</span><span style="color: #808080">&gt;</span></span>
<span class="line"><span style="color: #D4D4D4">        </span><span style="color: #808080">&lt;/</span><span style="color: #569CD6">div</span><span style="color: #808080">&gt;</span></span>
<span class="line"><span style="color: #D4D4D4">        </span><span style="color: #808080">&lt;</span><span style="color: #569CD6">button</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">class</span><span style="color: #D4D4D4">=</span><span style="color: #CE9178">"cookies-save"</span><span style="color: #808080">&gt;</span><span style="color: #D4D4D4">Salvar e Continuar</span><span style="color: #808080">&lt;/</span><span style="color: #569CD6">button</span><span style="color: #808080">&gt;</span></span>
<span class="line"><span style="color: #D4D4D4">    </span><span style="color: #808080">&lt;/</span><span style="color: #569CD6">div</span><span style="color: #808080">&gt;</span></span>
<span class="line"><span style="color: #808080">&lt;/</span><span style="color: #569CD6">div</span><span style="color: #808080">&gt;</span></span></code></pre><span style="display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative">HTML</span></div>



<h3 class="wp-block-heading">Configuração do GA4 e dataLayer</h3>



<p>Para garantir que as preferências de consentimento dos usuários sejam respeitadas e refletidas nas configurações do GA4, precisamos configurar o <code>dataLayer</code> e a inicialização do GA4 com o consentimento padrão negado.</p>



<div class="wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers" data-code-block-pro-font-family="Code-Pro-Hack" style="font-size:.875rem;font-family:Code-Pro-Hack,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#2b2b2b;color:#c7c7c7">JavaScript</span><span role="button" tabindex="0" style="color:#D4D4D4;display:none" aria-label="Copy" class="code-block-pro-copy-button"><pre class="code-block-pro-copy-button-pre" aria-hidden="true"><textarea class="code-block-pro-copy-button-textarea" tabindex="-1" aria-hidden="true" readonly>window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}

gtag('js', new Date());

// Configuração padrão do consentimento como "negado"
gtag('consent', 'default', {
     'ad_storage': 'denied',
     'analytics_storage': 'denied'
});

gtag('config', 'TAG_ID');</textarea></pre><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></span><pre class="shiki dark-plus" style="background-color: #1E1E1E" tabindex="0"><code><span class="line"><span style="color: #9CDCFE">window</span><span style="color: #D4D4D4">.</span><span style="color: #9CDCFE">dataLayer</span><span style="color: #D4D4D4"> = </span><span style="color: #9CDCFE">window</span><span style="color: #D4D4D4">.</span><span style="color: #9CDCFE">dataLayer</span><span style="color: #D4D4D4"> || [];</span></span>
<span class="line"><span style="color: #569CD6">function</span><span style="color: #D4D4D4"> </span><span style="color: #DCDCAA">gtag</span><span style="color: #D4D4D4">(){</span><span style="color: #9CDCFE">dataLayer</span><span style="color: #D4D4D4">.</span><span style="color: #DCDCAA">push</span><span style="color: #D4D4D4">(</span><span style="color: #569CD6">arguments</span><span style="color: #D4D4D4">);}</span></span>
<span class="line"></span>
<span class="line"><span style="color: #DCDCAA">gtag</span><span style="color: #D4D4D4">(</span><span style="color: #CE9178">'js'</span><span style="color: #D4D4D4">, </span><span style="color: #569CD6">new</span><span style="color: #D4D4D4"> </span><span style="color: #DCDCAA">Date</span><span style="color: #D4D4D4">());</span></span>
<span class="line"></span>
<span class="line"><span style="color: #6A9955">// Configuração padrão do consentimento como "negado"</span></span>
<span class="line"><span style="color: #DCDCAA">gtag</span><span style="color: #D4D4D4">(</span><span style="color: #CE9178">'consent'</span><span style="color: #D4D4D4">, </span><span style="color: #CE9178">'default'</span><span style="color: #D4D4D4">, {</span></span>
<span class="line"><span style="color: #D4D4D4">     </span><span style="color: #CE9178">'ad_storage'</span><span style="color: #9CDCFE">:</span><span style="color: #D4D4D4"> </span><span style="color: #CE9178">'denied'</span><span style="color: #D4D4D4">,</span></span>
<span class="line"><span style="color: #D4D4D4">     </span><span style="color: #CE9178">'analytics_storage'</span><span style="color: #9CDCFE">:</span><span style="color: #D4D4D4"> </span><span style="color: #CE9178">'denied'</span></span>
<span class="line"><span style="color: #D4D4D4">});</span></span>
<span class="line"></span>
<span class="line"><span style="color: #DCDCAA">gtag</span><span style="color: #D4D4D4">(</span><span style="color: #CE9178">'config'</span><span style="color: #D4D4D4">, </span><span style="color: #CE9178">'TAG_ID'</span><span style="color: #D4D4D4">);</span></span></code></pre><span style="display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative">JavaScript</span></div>



<h3 class="wp-block-heading">JavaScript para gerenciamento de cookies</h3>



<p>O script abaixo gerencia a coleta de consentimento dos cookies e atualiza o estado de consentimento no GA4 conforme as preferências do usuário.</p>



<div class="wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers" data-code-block-pro-font-family="Code-Pro-Hack" style="font-size:.875rem;font-family:Code-Pro-Hack,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#2b2b2b;color:#c7c7c7">JavaScript</span><span role="button" tabindex="0" style="color:#D4D4D4;display:none" aria-label="Copy" class="code-block-pro-copy-button"><pre class="code-block-pro-copy-button-pre" aria-hidden="true"><textarea class="code-block-pro-copy-button-textarea" tabindex="-1" aria-hidden="true" readonly>function cookies(functions) {
    const container = document.querySelector('.cookies-container');
    const save = document.querySelector('.cookies-save');
    if (!container || !save) return null;

    const localPref = JSON.parse(window.localStorage.getItem('cookies-pref'));
    if (localPref) activateFunctions(localPref);

    function getFormPref() {
        return [...document.querySelectorAll('[data-function]')]
            .filter((el) =&gt; el.checked)
            .map((el) =&gt; el.getAttribute('data-function'));
    }

    function activateFunctions(pref) {
        pref.forEach((f) =&gt; functions[f]());
        container.style.display = 'none';
        window.localStorage.setItem('cookies-pref', JSON.stringify(pref));
        updateConsent(pref); // Atualiza o consentimento no GA
    }

    function handleSave() {
        const pref = getFormPref();
        activateFunctions(pref);
    }

    save.addEventListener('click', handleSave);
}

function marketing() {
    console.log('Marketing Function');
}

function analytics() {
    console.log('Analytics Function');
}

// Função para atualizar o consentimento no GA
function updateConsent(pref) {
    const consentObject = {
        'ad_storage': 'denied',
        'analytics_storage': 'denied'
    };

    if (pref.includes('analytics')) {
        consentObject['analytics_storage'] = 'granted';
    }

    if (pref.includes('marketing')) {
        consentObject['ad_storage'] = 'granted';
    }

    gtag('consent', 'update', consentObject);
}

cookies({
    marketing,
    analytics,
});</textarea></pre><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></span><pre class="shiki dark-plus" style="background-color: #1E1E1E" tabindex="0"><code><span class="line"><span style="color: #569CD6">function</span><span style="color: #D4D4D4"> </span><span style="color: #DCDCAA">cookies</span><span style="color: #D4D4D4">(</span><span style="color: #9CDCFE">functions</span><span style="color: #D4D4D4">) {</span></span>
<span class="line"><span style="color: #D4D4D4">    </span><span style="color: #569CD6">const</span><span style="color: #D4D4D4"> </span><span style="color: #4FC1FF">container</span><span style="color: #D4D4D4"> = </span><span style="color: #9CDCFE">document</span><span style="color: #D4D4D4">.</span><span style="color: #DCDCAA">querySelector</span><span style="color: #D4D4D4">(</span><span style="color: #CE9178">'.cookies-container'</span><span style="color: #D4D4D4">);</span></span>
<span class="line"><span style="color: #D4D4D4">    </span><span style="color: #569CD6">const</span><span style="color: #D4D4D4"> </span><span style="color: #4FC1FF">save</span><span style="color: #D4D4D4"> = </span><span style="color: #9CDCFE">document</span><span style="color: #D4D4D4">.</span><span style="color: #DCDCAA">querySelector</span><span style="color: #D4D4D4">(</span><span style="color: #CE9178">'.cookies-save'</span><span style="color: #D4D4D4">);</span></span>
<span class="line"><span style="color: #D4D4D4">    </span><span style="color: #C586C0">if</span><span style="color: #D4D4D4"> (!</span><span style="color: #9CDCFE">container</span><span style="color: #D4D4D4"> || !</span><span style="color: #9CDCFE">save</span><span style="color: #D4D4D4">) </span><span style="color: #C586C0">return</span><span style="color: #D4D4D4"> </span><span style="color: #569CD6">null</span><span style="color: #D4D4D4">;</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D4D4D4">    </span><span style="color: #569CD6">const</span><span style="color: #D4D4D4"> </span><span style="color: #4FC1FF">localPref</span><span style="color: #D4D4D4"> = </span><span style="color: #4FC1FF">JSON</span><span style="color: #D4D4D4">.</span><span style="color: #DCDCAA">parse</span><span style="color: #D4D4D4">(</span><span style="color: #9CDCFE">window</span><span style="color: #D4D4D4">.</span><span style="color: #9CDCFE">localStorage</span><span style="color: #D4D4D4">.</span><span style="color: #DCDCAA">getItem</span><span style="color: #D4D4D4">(</span><span style="color: #CE9178">'cookies-pref'</span><span style="color: #D4D4D4">));</span></span>
<span class="line"><span style="color: #D4D4D4">    </span><span style="color: #C586C0">if</span><span style="color: #D4D4D4"> (</span><span style="color: #9CDCFE">localPref</span><span style="color: #D4D4D4">) </span><span style="color: #DCDCAA">activateFunctions</span><span style="color: #D4D4D4">(</span><span style="color: #9CDCFE">localPref</span><span style="color: #D4D4D4">);</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D4D4D4">    </span><span style="color: #569CD6">function</span><span style="color: #D4D4D4"> </span><span style="color: #DCDCAA">getFormPref</span><span style="color: #D4D4D4">() {</span></span>
<span class="line"><span style="color: #D4D4D4">        </span><span style="color: #C586C0">return</span><span style="color: #D4D4D4"> [...</span><span style="color: #9CDCFE">document</span><span style="color: #D4D4D4">.</span><span style="color: #DCDCAA">querySelectorAll</span><span style="color: #D4D4D4">(</span><span style="color: #CE9178">'[data-function]'</span><span style="color: #D4D4D4">)]</span></span>
<span class="line"><span style="color: #D4D4D4">            .</span><span style="color: #DCDCAA">filter</span><span style="color: #D4D4D4">((</span><span style="color: #9CDCFE">el</span><span style="color: #D4D4D4">) </span><span style="color: #569CD6">=&gt;</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">el</span><span style="color: #D4D4D4">.</span><span style="color: #9CDCFE">checked</span><span style="color: #D4D4D4">)</span></span>
<span class="line"><span style="color: #D4D4D4">            .</span><span style="color: #DCDCAA">map</span><span style="color: #D4D4D4">((</span><span style="color: #9CDCFE">el</span><span style="color: #D4D4D4">) </span><span style="color: #569CD6">=&gt;</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">el</span><span style="color: #D4D4D4">.</span><span style="color: #DCDCAA">getAttribute</span><span style="color: #D4D4D4">(</span><span style="color: #CE9178">'data-function'</span><span style="color: #D4D4D4">));</span></span>
<span class="line"><span style="color: #D4D4D4">    }</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D4D4D4">    </span><span style="color: #569CD6">function</span><span style="color: #D4D4D4"> </span><span style="color: #DCDCAA">activateFunctions</span><span style="color: #D4D4D4">(</span><span style="color: #9CDCFE">pref</span><span style="color: #D4D4D4">) {</span></span>
<span class="line"><span style="color: #D4D4D4">        </span><span style="color: #9CDCFE">pref</span><span style="color: #D4D4D4">.</span><span style="color: #DCDCAA">forEach</span><span style="color: #D4D4D4">((</span><span style="color: #9CDCFE">f</span><span style="color: #D4D4D4">) </span><span style="color: #569CD6">=&gt;</span><span style="color: #D4D4D4"> </span><span style="color: #9CDCFE">functions</span><span style="color: #D4D4D4">[</span><span style="color: #9CDCFE">f</span><span style="color: #D4D4D4">]());</span></span>
<span class="line"><span style="color: #D4D4D4">        </span><span style="color: #9CDCFE">container</span><span style="color: #D4D4D4">.</span><span style="color: #9CDCFE">style</span><span style="color: #D4D4D4">.</span><span style="color: #9CDCFE">display</span><span style="color: #D4D4D4"> = </span><span style="color: #CE9178">'none'</span><span style="color: #D4D4D4">;</span></span>
<span class="line"><span style="color: #D4D4D4">        </span><span style="color: #9CDCFE">window</span><span style="color: #D4D4D4">.</span><span style="color: #9CDCFE">localStorage</span><span style="color: #D4D4D4">.</span><span style="color: #DCDCAA">setItem</span><span style="color: #D4D4D4">(</span><span style="color: #CE9178">'cookies-pref'</span><span style="color: #D4D4D4">, </span><span style="color: #4FC1FF">JSON</span><span style="color: #D4D4D4">.</span><span style="color: #DCDCAA">stringify</span><span style="color: #D4D4D4">(</span><span style="color: #9CDCFE">pref</span><span style="color: #D4D4D4">));</span></span>
<span class="line"><span style="color: #D4D4D4">        </span><span style="color: #DCDCAA">updateConsent</span><span style="color: #D4D4D4">(</span><span style="color: #9CDCFE">pref</span><span style="color: #D4D4D4">); </span><span style="color: #6A9955">// Atualiza o consentimento no GA</span></span>
<span class="line"><span style="color: #D4D4D4">    }</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D4D4D4">    </span><span style="color: #569CD6">function</span><span style="color: #D4D4D4"> </span><span style="color: #DCDCAA">handleSave</span><span style="color: #D4D4D4">() {</span></span>
<span class="line"><span style="color: #D4D4D4">        </span><span style="color: #569CD6">const</span><span style="color: #D4D4D4"> </span><span style="color: #4FC1FF">pref</span><span style="color: #D4D4D4"> = </span><span style="color: #DCDCAA">getFormPref</span><span style="color: #D4D4D4">();</span></span>
<span class="line"><span style="color: #D4D4D4">        </span><span style="color: #DCDCAA">activateFunctions</span><span style="color: #D4D4D4">(</span><span style="color: #9CDCFE">pref</span><span style="color: #D4D4D4">);</span></span>
<span class="line"><span style="color: #D4D4D4">    }</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D4D4D4">    </span><span style="color: #9CDCFE">save</span><span style="color: #D4D4D4">.</span><span style="color: #DCDCAA">addEventListener</span><span style="color: #D4D4D4">(</span><span style="color: #CE9178">'click'</span><span style="color: #D4D4D4">, </span><span style="color: #9CDCFE">handleSave</span><span style="color: #D4D4D4">);</span></span>
<span class="line"><span style="color: #D4D4D4">}</span></span>
<span class="line"></span>
<span class="line"><span style="color: #569CD6">function</span><span style="color: #D4D4D4"> </span><span style="color: #DCDCAA">marketing</span><span style="color: #D4D4D4">() {</span></span>
<span class="line"><span style="color: #D4D4D4">    </span><span style="color: #9CDCFE">console</span><span style="color: #D4D4D4">.</span><span style="color: #DCDCAA">log</span><span style="color: #D4D4D4">(</span><span style="color: #CE9178">'Marketing Function'</span><span style="color: #D4D4D4">);</span></span>
<span class="line"><span style="color: #D4D4D4">}</span></span>
<span class="line"></span>
<span class="line"><span style="color: #569CD6">function</span><span style="color: #D4D4D4"> </span><span style="color: #DCDCAA">analytics</span><span style="color: #D4D4D4">() {</span></span>
<span class="line"><span style="color: #D4D4D4">    </span><span style="color: #9CDCFE">console</span><span style="color: #D4D4D4">.</span><span style="color: #DCDCAA">log</span><span style="color: #D4D4D4">(</span><span style="color: #CE9178">'Analytics Function'</span><span style="color: #D4D4D4">);</span></span>
<span class="line"><span style="color: #D4D4D4">}</span></span>
<span class="line"></span>
<span class="line"><span style="color: #6A9955">// Função para atualizar o consentimento no GA</span></span>
<span class="line"><span style="color: #569CD6">function</span><span style="color: #D4D4D4"> </span><span style="color: #DCDCAA">updateConsent</span><span style="color: #D4D4D4">(</span><span style="color: #9CDCFE">pref</span><span style="color: #D4D4D4">) {</span></span>
<span class="line"><span style="color: #D4D4D4">    </span><span style="color: #569CD6">const</span><span style="color: #D4D4D4"> </span><span style="color: #4FC1FF">consentObject</span><span style="color: #D4D4D4"> = {</span></span>
<span class="line"><span style="color: #D4D4D4">        </span><span style="color: #CE9178">'ad_storage'</span><span style="color: #9CDCFE">:</span><span style="color: #D4D4D4"> </span><span style="color: #CE9178">'denied'</span><span style="color: #D4D4D4">,</span></span>
<span class="line"><span style="color: #D4D4D4">        </span><span style="color: #CE9178">'analytics_storage'</span><span style="color: #9CDCFE">:</span><span style="color: #D4D4D4"> </span><span style="color: #CE9178">'denied'</span></span>
<span class="line"><span style="color: #D4D4D4">    };</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D4D4D4">    </span><span style="color: #C586C0">if</span><span style="color: #D4D4D4"> (</span><span style="color: #9CDCFE">pref</span><span style="color: #D4D4D4">.</span><span style="color: #DCDCAA">includes</span><span style="color: #D4D4D4">(</span><span style="color: #CE9178">'analytics'</span><span style="color: #D4D4D4">)) {</span></span>
<span class="line"><span style="color: #D4D4D4">        </span><span style="color: #9CDCFE">consentObject</span><span style="color: #D4D4D4">[</span><span style="color: #CE9178">'analytics_storage'</span><span style="color: #D4D4D4">] = </span><span style="color: #CE9178">'granted'</span><span style="color: #D4D4D4">;</span></span>
<span class="line"><span style="color: #D4D4D4">    }</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D4D4D4">    </span><span style="color: #C586C0">if</span><span style="color: #D4D4D4"> (</span><span style="color: #9CDCFE">pref</span><span style="color: #D4D4D4">.</span><span style="color: #DCDCAA">includes</span><span style="color: #D4D4D4">(</span><span style="color: #CE9178">'marketing'</span><span style="color: #D4D4D4">)) {</span></span>
<span class="line"><span style="color: #D4D4D4">        </span><span style="color: #9CDCFE">consentObject</span><span style="color: #D4D4D4">[</span><span style="color: #CE9178">'ad_storage'</span><span style="color: #D4D4D4">] = </span><span style="color: #CE9178">'granted'</span><span style="color: #D4D4D4">;</span></span>
<span class="line"><span style="color: #D4D4D4">    }</span></span>
<span class="line"></span>
<span class="line"><span style="color: #D4D4D4">    </span><span style="color: #DCDCAA">gtag</span><span style="color: #D4D4D4">(</span><span style="color: #CE9178">'consent'</span><span style="color: #D4D4D4">, </span><span style="color: #CE9178">'update'</span><span style="color: #D4D4D4">, </span><span style="color: #9CDCFE">consentObject</span><span style="color: #D4D4D4">);</span></span>
<span class="line"><span style="color: #D4D4D4">}</span></span>
<span class="line"></span>
<span class="line"><span style="color: #DCDCAA">cookies</span><span style="color: #D4D4D4">({</span></span>
<span class="line"><span style="color: #D4D4D4">    </span><span style="color: #9CDCFE">marketing</span><span style="color: #D4D4D4">,</span></span>
<span class="line"><span style="color: #D4D4D4">    </span><span style="color: #9CDCFE">analytics</span><span style="color: #D4D4D4">,</span></span>
<span class="line"><span style="color: #D4D4D4">});</span></span></code></pre><span style="display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative">JavaScript</span></div>



<p>Aí está! finalizado..</p>



<p>Ah.. uma <strong>dica extra de como saber se está certinho ou não</strong>:</p>



<ol class="wp-block-list">
<li>Acesse seu DEV tools (crtl + shift + i no Windows)</li>



<li>Acesse o console</li>



<li>Digite dataLayer, clique e “enter”</li>



<li>Ele deverá aparecer como abaixo, inclusive antes da resposta do usuário e depois, em forma de linha do tempo</li>
</ol>



<figure class="wp-block-image wp-block-gallery has-nested-images columns-default is-cropped"><figure><img decoding="async" width="1178" height="1093" loading="lazy" src="https://www.pinkandbrain.com/wp-content/uploads/2024/09/checar-consent-mode-ga4-console-dev-tools.webp" alt="Checando os valores de consentimento envioados ao GA4" class="wp-image-13346" title="Checando os valores de consentimento envioados ao GA4"><figcaption>Checando os valores de consentimento envioados ao GA4</figcaption></figure><figcaption class="wp-element-caption">Checando os valores de consentimento envioados ao GA4</figcaption></figure>



<p>Implementar um <strong>componente de cookies para consentimento ajustado no GA4 permite que você tenha controle total sobre como o consentimento é gerenciado em seu site, atendendo às exigências da LGPD e melhorando-o para SEO e a performance do site</strong>. Com as orientações e exemplos fornecidos, você pode criar uma solução altamente personalizada e eficiente, sem a necessidade de dependências de terceiros.</p>



<p>Se precisar de mentes brilhantes do marketing digital e web analytics, venha bater um papo conosco. Somos ratos quando o assunto é Web Analytics.</p>
<p>O post <a href="https://www.pinkandbrain.com/criando-um-componente-de-cookies-com-consentimento-para-o-ga4/">Componente de cookies com consentimento para o GA4</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Como visualizar tráfego das plataformas de IA pelo GA4 e pelo Looker Studio?</title>
		<link>https://www.pinkandbrain.com/como-visualizar-trafego-das-plataformas-de-ia-pelo-ga4-e-pelo-looker-studio/</link>
		
		<dc:creator><![CDATA[Pink and Brain]]></dc:creator>
		<pubDate>Wed, 24 Sep 2025 16:46:40 +0000</pubDate>
				<category><![CDATA[Business intelligence]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Inteligência Artificial]]></category>
		<category><![CDATA[Marketing digital]]></category>
		<category><![CDATA[ChatGPT]]></category>
		<category><![CDATA[Claude]]></category>
		<category><![CDATA[Copilot]]></category>
		<category><![CDATA[GA4]]></category>
		<category><![CDATA[Google Search Console]]></category>
		<category><![CDATA[Looker Studio]]></category>
		<guid isPermaLink="false">https://www.pinkandbrain.com/?p=16762</guid>

					<description><![CDATA[<p>Transforme tráfego das assistentes de IA em dados acionáveis combinando segmentação no GA4 e filtros no Looker Studio</p>
<p>O post <a href="https://www.pinkandbrain.com/como-visualizar-trafego-das-plataformas-de-ia-pelo-ga4-e-pelo-looker-studio/">Como visualizar tráfego das plataformas de IA pelo GA4 e pelo Looker Studio?</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></description>
										<content:encoded><![CDATA[<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Não é mais necessário discutir se as plataformas de IA vieram para ficar. A web já mudou. As pessoas já chegam aos sites vindos de respostas geradas por assistentes, muitas vezes com a intenção refinada e com expectativa de confirmar, comparar ou concluir uma ação. </p>
<cite>César Canteiro</cite></blockquote>



<h2 class="wp-block-heading">Cenário atual de análise de dados das plataformas de AI</h2>



<p>Nos últimos tempos, assistentes como <strong>ChatGPT, Perplexity, Claude e Copilot</strong> viraram uma nova camada de descoberta: eles <strong>respondem, citam e linkam</strong> conteúdos e muita gente chega ao seu site a partir dessas respostas (ou volta depois de <strong>copiar/colar</strong> o link). É tráfego com <strong>intenção já lapidada</strong>, que influencia pauta, SEO, <a href="https://www.pinkandbrain.com/elementos/ux-user-experience/" title="UX">UX</a> e até performance paga. Se você não mede, perde sinal de demanda e oportunidade de otimização.</p>



<p>Com essa mudança, passa a ser obrigatório <strong>enxergar o tráfego que chega dessas plataformas</strong>. Esse fluxo é valioso, mas ainda <strong>fica “invisível”</strong> nos relatórios tradicionais: <strong>GA4</strong> e <strong>GSC</strong> ainda não oferecem um canal nativo para IA. Sem isolar essas visitas, elas se <strong>diluem entre “referral”, “direto” e até “orgânico”</strong>, distorcendo decisões editoriais, de SEO e de mídia. O caminho prático hoje é <strong>mapear as referências (referrer/source) dessas plataformas</strong>, criar um <strong>canal dedicado no GA4</strong> e acompanhar tudo no <strong>Looker Studio</strong>.</p>



<p>Já demos essa dicas de <a href="https://www.pinkandbrain.com/descubra-oportunidades-em-termos-cauda-longa-no-google-search-console/">como identificar queries enormes no Google Search Console das interações com as AI Overiews</a>, de pesquisas super longa tail dos usuários.</p>



<p>Hoje <strong>vamos entender como tirar alguma informação pelo GA4, e consequentemente no Looker</strong>. A estratégia é simples: capturar sessões cuja mídia seja “referral” e cuja origem corresponda aos domínios dessas plataformas. Com um filtro consistente e um painel que compare tendência, páginas de destino e conversões, você passa a entender o papel das IAs na descoberta do seu conteúdo e na geração de negócios.</p>



<h2 class="wp-block-heading">O que dá pra medir hoje no GA4?</h2>



<p>No GA4, o atalho mais rápido é criar uma <strong>Comparação</strong> nos relatórios de Aquisição: mantenha somente sessões cuja <strong>mídia seja “referral”</strong> e em que a <strong>origem corresponda</strong> a um padrão dos domínios dessas IAs. Isso já entrega uma visão imediata de sessões, usuários, páginas de destino e eventos. Se você trabalha com conversão em outro domínio (motor de reservas, checkout, portal), habilite <strong>medição entre domínios</strong> para preservar a atribuição.</p>



<h3 class="wp-block-heading">Como transformar em um canal próprio (“AI Referrals”) no GA4</h3>



<p>Para não refazer filtro em todo relatório, crie um <strong>Agrupamento de canais</strong> customizado. Duplique o padrão, adicione uma regra chamada “AI Referrals” e indique que sempre que a <strong>origem corresponder ao padrão de domínios de IA</strong> (e, se quiser, a mídia for <em>referral</em>), o GA4 classifique nesse canal. A partir daí, “AI Referrals” aparece lado a lado de Orgânico, Direto, Social, Pago etc., inclusive nos relatórios de atribuição por primeiro e último clique.</p>



<h4 class="wp-block-heading">Passo a passo para criar o canal – AI referral no GA4</h4>



<ol class="wp-block-list">
<li><strong>Admin (engrenagem no rodapé)</strong> → <strong>Configurações de dados</strong> → <strong>Grupos de canais</strong>.</li>



<li>Clique em <strong>Criar grupo de canais</strong> (ou <strong>+ Novo</strong>).</li>



<li><strong>Copiar do grupo Padrão</strong> (recomendado), dê um nome claro, por ex.: <strong>“Canais – com AI Referrals”</strong>.</li>



<li>Dentro do construtor, clique em <strong>Adicionar canal</strong>.
<ul class="wp-block-list">
<li><strong>Nome do canal:</strong> <code>AI Referrals</code></li>



<li><strong>Condição 1 (ORIGEM / source):</strong>
<ul class="wp-block-list">
<li>Campo: <strong>Origem</strong></li>



<li>Operador: <strong>corresponde à RegExp</strong></li>



<li>Valor (regex): <code>está mais para baixo no editor de código</code></li>



<li><strong>Ignorar maiúsculas/minúsculas</strong>: <strong>ativado</strong> (se houver a opção).</li>
</ul>
</li>



<li><strong>Condição 2 (opcional, mas útil):</strong>
<ul class="wp-block-list">
<li>Campo: <strong>Mídia</strong></li>



<li>Operador: <strong>é exatamente</strong></li>



<li>Valor: <code>Referral</code></li>
</ul>
</li>
</ul>
</li>



<li><strong>Arraste o canal “AI Referrals” para cima de “Referral”</strong> na lista (ordem importa; a avaliação é de cima para baixo).</li>



<li><strong>Salvar</strong> e depois <strong>Publicar</strong> o grupo de canais.</li>
</ol>



<p><strong>Observação:</strong> esse grupo <strong>não substitui</strong> o padrão. Você poderá escolher qual usar nos relatórios.</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-5 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><img decoding="async" width="1292" height="499" loading="lazy" data-id="16767" src="https://www.pinkandbrain.com/wp-content/uploads/2025/09/canais-ga4-com-ai.webp" alt="" class="wp-image-16767" srcset="https://www.pinkandbrain.com/wp-content/uploads/2025/09/canais-ga4-com-ai.webp 1292w, https://www.pinkandbrain.com/wp-content/uploads/2025/09/canais-ga4-com-ai-150x58.webp 150w" sizes="auto, (max-width: 1292px) 100vw, 1292px" title="canais-ga4-com-ai"></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="1254" height="642" loading="lazy" data-id="16768" src="https://www.pinkandbrain.com/wp-content/uploads/2025/09/mudar-grupo-de-canais-padrao-ga4.webp" alt="" class="wp-image-16768" srcset="https://www.pinkandbrain.com/wp-content/uploads/2025/09/mudar-grupo-de-canais-padrao-ga4.webp 1254w, https://www.pinkandbrain.com/wp-content/uploads/2025/09/mudar-grupo-de-canais-padrao-ga4-150x77.webp 150w" sizes="auto, (max-width: 1254px) 100vw, 1254px" title="mudar-grupo-de-canais-padrao-ga4"></figure>
</figure>



<p><strong>Basta acessar qualquer relatório de aquisição, filtrar por origem e os dados já irão aparecer.</strong></p>



<ul class="wp-block-list">
<li>No topo das tabelas, no seletor de dimensão (geralmente “<strong>Grupo de canais padrão da sessão</strong>”), troque para o seu grupo: <strong>“Canais – com AI Referrals”</strong>.</li>
</ul>



<h4 class="wp-block-heading">Dicas importantes</h4>



<ul class="wp-block-list">
<li><strong>Cross-domain</strong>: se a conversão ocorre em outro domínio (motor de reservas/checkout), configure <strong>medição entre domínios</strong> para manter a atribuição até o <code>purchase</code>.</li>



<li><strong>Retroatividade</strong>: grupos de canais personalizados passam a classificar relatórios (incluindo períodos anteriores) conforme o GA4 processa; não alteram dados brutos nem integrações de <a href="https://www.pinkandbrain.com/elementos/ads/" title="Ads">Ads</a>.</li>
</ul>



<h2 class="wp-block-heading">Como medir tráfegos de IA com o Looker Studio?</h2>



<p>No Looker Studio, basta replicar a mesma lógica diretamente no gráfico ou na tabela: um filtro que inclua “mídia = referral” e “origem corresponde a RegExp abaixo. Com isso, dá para montar uma visão enxuta por série temporal, diferentes fontes de AI, relacionar com páginas de destino, comparar primeiro clique e último clique e observar impacto em engajamento e conversões. </p>



<p>Veja abaixo como criar um gráfico simples doa dia a dia de pageviews de usuários oriundos das plataformas de AI. Em seguida o regex para aplicar no filtro.</p>



<figure class="wp-block-gallery has-nested-images columns-1 is-cropped wp-block-gallery-6 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><img decoding="async" width="1356" height="568" loading="lazy" data-id="16766" src="https://www.pinkandbrain.com/wp-content/uploads/2025/09/regex-ai-looker.webp" alt="" class="wp-image-16766" srcset="https://www.pinkandbrain.com/wp-content/uploads/2025/09/regex-ai-looker.webp 1356w, https://www.pinkandbrain.com/wp-content/uploads/2025/09/regex-ai-looker-150x63.webp 150w" sizes="auto, (max-width: 1356px) 100vw, 1356px" title="regex-ai-looker"></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="1339" height="870" loading="lazy" data-id="16764" src="https://www.pinkandbrain.com/wp-content/uploads/2025/09/looker-trafego-ia.webp" alt="" class="wp-image-16764" srcset="https://www.pinkandbrain.com/wp-content/uploads/2025/09/looker-trafego-ia.webp 1339w, https://www.pinkandbrain.com/wp-content/uploads/2025/09/looker-trafego-ia-150x97.webp 150w" sizes="auto, (max-width: 1339px) 100vw, 1339px" title="looker-trafego-ia"></figure>
</figure>



<p>Use este regex como ponto de partida (aceita variações e é case-insensitive). Atualize a lista conforme novas fontes surgirem:</p>



<h2 class="wp-block-heading">Regex para filtrar as plataformas de AI no Looker Studio e no GA4</h2>



<div class="wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers" data-code-block-pro-font-family="Code-Pro-Hack" style="font-size:.875rem;font-family:Code-Pro-Hack,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#2b2b2b;color:#c7c7c7"><a href="https://www.pinkandbrain.com/elementos/html-hypertext-markup-language/" title="HTML">HTML</a></span><span role="button" tabindex="0" style="color:#D4D4D4;display:none" aria-label="Copy" class="code-block-pro-copy-button"><pre class="code-block-pro-copy-button-pre" aria-hidden="true"><textarea class="code-block-pro-copy-button-textarea" tabindex="-1" aria-hidden="true" readonly>.*chatgpt.com.*|.*perplexity.*|.*edgepilot.*|.*edgeservices.*|.*copilot.microsoft.com.*|.*openai.com.*|.*gemini.google.com.*|.*nimble.ai.*|.*iask.ai.*|.*claude.ai.*|.*aitastic.app.*|.*bnngpt.com.*|.*writesonic.com.*|.*copy.ai.*|.*chat-gpt.org.*</textarea></pre><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></span><pre class="shiki dark-plus" style="background-color: #1E1E1E" tabindex="0"><code><span class="line"><span style="color: #D4D4D4">.*chatgpt.com.*|.*perplexity.*|.*edgepilot.*|.*edgeservices.*|.*copilot.microsoft.com.*|.*openai.com.*|.*gemini.google.com.*|.*nimble.ai.*|.*iask.ai.*|.*claude.ai.*|.*aitastic.app.*|.*bnngpt.com.*|.*writesonic.com.*|.*copy.ai.*|.*chat-gpt.org.*</span></span></code></pre><span style="display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative">HTML</span></div>



<h2 class="wp-block-heading">Fechando</h2>



<p>Mesmo sem um canal nativo, você já consegue responder perguntas práticas: quanto tráfego chega das IAs, quais páginas elas preferem citar, como esse público se comporta e quanto converte. É o suficiente para guiar pauta, SEO e experiência com dados reais e se preparar para quando GA4 e GSC, enfim, oficializarem a categoria.</p>



<p>Faça bom uso!</p>
<p>O post <a href="https://www.pinkandbrain.com/como-visualizar-trafego-das-plataformas-de-ia-pelo-ga4-e-pelo-looker-studio/">Como visualizar tráfego das plataformas de IA pelo GA4 e pelo Looker Studio?</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Meu site não aparece no Google: e agora o que fazer?</title>
		<link>https://www.pinkandbrain.com/meu-site-nao-aparece-no-google-e-agora-o-que-fazer/</link>
		
		<dc:creator><![CDATA[César Canteiro]]></dc:creator>
		<pubDate>Thu, 07 Aug 2025 16:27:23 +0000</pubDate>
				<category><![CDATA[Desenvolvimento web]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Desenvolvimento Web]]></category>
		<category><![CDATA[GA4]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[Google Search Console]]></category>
		<category><![CDATA[GTM (Google Tag Manager)]]></category>
		<category><![CDATA[SEM (Search Engine Marketing)]]></category>
		<category><![CDATA[SEO Técnico]]></category>
		<guid isPermaLink="false">https://www.pinkandbrain.com/?p=16452</guid>

					<description><![CDATA[<p>Entenda o que pode estar sabotando a presença digital da sua marca e como resolver isso com inteligência desde o desenvolvimento até a performance orgânica</p>
<p>O post <a href="https://www.pinkandbrain.com/meu-site-nao-aparece-no-google-e-agora-o-que-fazer/">Meu site não aparece no Google: e agora o que fazer?</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Você contratou alguém ou alguma agência para desenvolver seu site, investiu tempo e dinheiro, escolheu com carinho as imagens, escreveu os textos com atenção e colocou tudo no ar. Esperava que, aos poucos, os acessos aumentassem. Mas os dias passam, semanas também… e ninguém chega.</p>



<p>Você até pesquisa pelo nome da sua empresa no <a href="https://www.pinkandbrain.com/elementos/google/" title="Google">Google</a> e… nada. Nem na segunda página. Só aparecem concorrentes, perfis de rede social, ou portais genéricos. E a dúvida surge:<strong> por que meu site não aparece no Google?</strong></p>



<p>Isso é mais comum do que se parece e você não está sozinho. Muitos donos de negócios, empreendedores locais, e até empresas maiores enfrentam essa frustração quando não têm uma assessoria e estratégia digital bem estruturada. Muitas <strong>agências que se dizem “360º” entregam sites pífios e sem nenhum tipo de arquitetura sólida</strong>, e muitas vezes, sem tagueamento e premissas que colocam os sites passíveis de leitura pelo Google e outras plataformas.</p>



<p>A boa notícia é que esse problema tem solução. Para resolver, <strong>é preciso entender as causas</strong>. E elas vão muito além de “publicar o site e esperar que o Google apareça”.</p>



<p>Neste artigo, vamos mostrar de forma acessível (e sem te afogar em jargões técnicos) <strong>os principais motivos que impedem seu site de aparecer no Google</strong>.</p>



<h2 class="wp-block-heading">Os principais motivos para seu site não aparecer no Google</h2>



<p>Antes de entrar em termos técnicos como SEO, vamos listar os principais motivos que podem fazer um site desaparecer dos resultados do Google, de forma simples e direta:</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Motivo comum</th><th>O que acontece</th><th>Como resolver</th></tr></thead><tbody><tr><td>O site não foi indexado</td><td>O Google ainda nem sabe que seu site existe</td><td>É preciso configurar o <a href="https://www.pinkandbrain.com/elementos/google-search-console/" title="Search Console">Search Console</a> e enviar o <a href="https://www.pinkandbrain.com/elementos/sitemap/" title="sitemap">sitemap</a></td></tr><tr><td>O site é lento ou mal construído</td><td>Páginas demoram para carregar ou têm erros técnicos</td><td>Corrigir o código, melhorar servidor e performance</td></tr><tr><td>Uso de construtores ruins</td><td>Sites feitos com plugins como <a href="https://www.pinkandbrain.com/elementos/elementor/" title="Elementor">Elementor</a> ou Wix podem gerar códigos pesados</td><td>Trocar o construtor por um mais leve e otimizado</td></tr><tr><td>Falta de conteúdo</td><td>O site tem apenas 2 ou 3 páginas com pouco texto</td><td>Criar conteúdo relevante com frequência</td></tr><tr><td>SEO inexistente</td><td>Nenhuma otimização foi feita pensando em aparecer no Google</td><td>Implementar uma estratégia de SEO técnico e editorial</td></tr><tr><td>O site tem bloqueios</td><td>Pode estar com instruções para o Google ignorar o conteúdo (<a href="https://www.pinkandbrain.com/elementos/robots-txt/" title="robots.txt">robots.txt</a> ou noindex)</td><td>Verificar com desenvolvedores se há bloqueios ativos</td></tr><tr><td>Não há analista olhando os dados</td><td>Ninguém monitora se o site está indexando, ranqueando ou gerando tráfego</td><td>Contratar um analista ou agência especializada</td></tr></tbody></table></figure>



<h2 class="wp-block-heading">O que é preciso para aparecer no Google?</h2>



<p>O Google e qualquer outro search engine não são mágicos. Eles precisam encontrar, entender e confiar no seu site. Para isso, seu site precisa atender três requisitos básicos:</p>



<ol class="wp-block-list">
<li><strong>Ser encontrado</strong>: o Google precisa acessar suas páginas. Isso depende de uma estrutura correta, sitemaps atualizados e nenhuma barreira de bloqueio. Incluir seu site no Search Console, Bing Webmaster, são premissas básicas para informar os search engines que seu site “existe”.</li>



<li><strong>Ser compreendido</strong>: o conteúdo precisa estar organizado, com títulos bem definidos, URLs limpas e estrutura de marcação (<a href="https://www.pinkandbrain.com/elementos/html-hypertext-markup-language/" title="HTML">HTML</a>) correta, em outras palavras, um desenvolvimento otimizado e coerente.</li>



<li><strong>Ser confiável</strong>: o Google observa sinais de qualidade: velocidade, segurança (HTTPS), ausência de erros técnicos, bom conteúdo, autoridade no assunto e backlinks.</li>
</ol>



<p>Se alguma dessas etapas falhar, seu site pode simplesmente ser <strong>ignorado</strong>.</p>



<h2 class="wp-block-heading">O papel do SEO técnico no seu site</h2>



<p>Agora sim, vamos falar um pouco de técnica, mas de forma acessível. SEO técnico é o conjunto de boas práticas que ajudam o Google a entender seu site.</p>



<p>Se o site foi feito por alguém que só pensou em design, ou usou plugins que “quebram” o código, o Google pode ter dificuldades para ler o que está lá.</p>



<p><strong>Problemas técnicos comuns:</strong></p>



<ul class="wp-block-list">
<li>Sites com <strong>código poluído</strong>, cheio de elementos desnecessários</li>



<li>Imagens pesadas sem compressão, que deixam o site lento</li>



<li>Páginas com o mesmo conteúdo (conteúdo duplicado)</li>



<li>Falta de tags importantes, como <code>&lt;title&gt;</code>, <code>&lt;h1&gt;</code> e meta description</li>



<li>Plugins que geram erros, conflito de scripts, ou bloqueiam a <a href="https://www.pinkandbrain.com/elementos/indexacao/" title="indexação">indexação</a></li>
</ul>



<p>Tudo isso precisa ser auditado por um profissional que entenda tanto de desenvolvimento quanto de SEO.</p>



<h2 class="wp-block-heading">O erro de pensar no visual antes da performance</h2>



<p>Muitos sites são criados apenas com foco visual. São bonitos, cheios de efeitos, carregam lentamente, não funcionam direito no celular e foram construídos com ferramentas que não favorecem a indexação.</p>



<p>Principais problemas ligados ao desenvolvimento pobre e sem estratégia:</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Problema</th><th>Impacto no SEO</th></tr></thead><tbody><tr><td>Layouts pesados com animações</td><td>Prejudicam o tempo de carregamento</td></tr><tr><td>Site não responsivo</td><td>Penalização no ranking mobile</td></tr><tr><td>Uso excessivo de imagens sem texto alternativo</td><td>Dificulta o entendimento do conteúdo</td></tr><tr><td><a href="https://www.pinkandbrain.com/elementos/javascript/" title="JavaScript">JavaScript</a> que bloqueia o conteúdo principal</td><td>Impede o <a href="https://www.pinkandbrain.com/elementos/googlebot/" title="Googlebot">Googlebot</a> de ler a página</td></tr><tr><td>Falta de estrutura semântica (como uso correto de <code>&lt;h1&gt;</code>, <code>&lt;p&gt;</code>, <code>&lt;section&gt;</code>)</td><td>Confunde os buscadores</td></tr></tbody></table></figure>



<p><strong>Solução:</strong> o ideal é já desenvolver o site com foco em SEO desde o início. Isso ajuda não só a aparecer melhor no Google, mas <strong>baixa o <a href="https://www.pinkandbrain.com/elementos/cpc-cost-per-click/" title="custo por clique">custo por clique</a> em campanhas pagas</strong>, melhora a usabilidade e favorece o crescimento a longo prazo.</p>



<h2 class="wp-block-heading">Falta de tagueamento e acompanhamento profissional</h2>



<p>Ter um site é só o começo. Sem ferramentas de medição como <strong>Google Analytics 4</strong>, <strong><a href="https://www.pinkandbrain.com/elementos/google-search-console/" title="Google Search Console">Google Search Console</a></strong> e <strong>Google Tag Manager</strong>, você está às cegas.</p>



<h3 class="wp-block-heading">O que essas ferramentas fazem:</h3>



<ul class="wp-block-list">
<li><strong>GA4:</strong> mostra como os visitantes interagem com seu site</li>



<li><strong>Search Console:</strong> revela como o Google vê suas páginas, se há erros e em quais buscas você aparece</li>



<li><strong>Tag Manager:</strong> permite gerenciar scripts e tags sem precisar alterar o código diretamente</li>
</ul>



<p>Sem isso, <strong>é impossível tomar decisões baseadas em dados.</strong> Você não sabe o que está funcionando — e pior, não sabe o que está dando errado.</p>



<h2 class="wp-block-heading">O desenvolvimento do site é a raiz do sucesso (ou do fracasso)</h2>



<p>Construtores como <strong>Wix, Elementor ou até temas prontos</strong> do WordPress podem ser ótimos para começar. Mas, se mal configurados, n<strong>a maioria das vezes, se tornam armadilhas</strong>. Na Pink and Brain, atendemos centenas de negócios com esse mesmo sintoma. E sabe o que descobrimos? Em 90% dos casos, o problema começa na base: <strong>no desenvolvimento do site</strong>.</p>



<figure class="wp-block-image size-full"><a href="https://www.pinkandbrain.com/por-que-seu-site-wordpress-com-elementor-pode-estar-morrendo/" target="_blank" rel=" noreferrer noopener"><figure><img decoding="async" width="1200" height="675" loading="lazy" src="https://www.pinkandbrain.com/wp-content/uploads/2025/04/sites-elementor-wordpress-ruim_1x.webp" alt="Entenda o por que seu site WordPress com Elementor pode estar morrendo?" class="wp-image-14546" srcset="https://www.pinkandbrain.com/wp-content/uploads/2025/04/sites-elementor-wordpress-ruim_1x.webp 1200w, https://www.pinkandbrain.com/wp-content/uploads/2025/04/sites-elementor-wordpress-ruim_1x-150x84.webp 150w" sizes="auto, (max-width: 1200px) 100vw, 1200px" title="Entenda o por que seu site WordPress com Elementor pode estar morrendo?"><figcaption>Muitos donos de sites caem nessa armadilha do Elementor - Clique e entenda</figcaption></figure></a></figure>



<h3 class="wp-block-heading">Por que plugins e temas prontos podem atrapalhar?</h3>



<ul class="wp-block-list">
<li>Geram <strong>códigos desnecessários</strong> que deixam o site lento</li>



<li>Criam <strong>URLs desorganizadas</strong></li>



<li>Limitam o controle do SEO técnico</li>



<li>Dependem de <strong>atualizações constantes</strong></li>



<li>Muitos deles não otimizam corretamente o carregamento no mobile</li>
</ul>



<p><strong>Cuidado:</strong> não é o construtor em si que é o problema. É o uso dele sem conhecimento técnico ou sem um SEO acompanhando o processo.</p>



<p><strong>Nosso time desenvolve temas autorais</strong>, otimizados para velocidade, performance, SEO técnico e agora também <strong><a href="https://www.pinkandbrain.com/elementos/generative-engine-optimization-geo/" title="GEO">GEO</a> (Generative Engine Optimization)</strong>, preparando seu site para aparecer <strong>em mecanismos baseados em IA como os AI Overviews do Google.</strong></p>



<h2 class="wp-block-heading">A ausência de um(a) analista de SEO olhando para o seu site</h2>



<p>Assim como sua empresa precisa de alguém cuidando do financeiro ou do estoque, você também precisa de alguém <strong>cuidando do seu <a href="https://www.pinkandbrain.com/elementos/trafego-organico/" title="tráfego orgânico">tráfego orgânico</a>.</strong> O SEO não é algo que se resolve com um plugin ou uma ação pontual. É uma <strong>estratégia contínua</strong>.</p>



<p>Profissionais de SEO cuidam de:</p>



<ul class="wp-block-list">
<li>Estrutura técnica do site</li>



<li>Estratégia de conteúdo</li>



<li>Monitoramento de tráfego</li>



<li>Otimização das conversões</li>



<li>Aparecimento no Google, nas plataformas de IA, AI Overviews, Google Discover, Google News</li>



<li>Novidades e atualizações do Google vs. o possível impacto</li>



<li>etc…</li>
</ul>



<h2 class="wp-block-heading">IA está mudando o jogo: e o seu site, está preparado?</h2>



<p>Com o avanço dos <strong>AI Overviews</strong>, <strong>respostas instantâneas</strong> e <strong>LLMs</strong> como Gemini e ChatGPT dominando os resultados, o SEO ficou ainda mais estratégico. Sites que não têm <strong>estrutura, autoridade e clareza</strong> nos seus conteúdos tendem a ser ignorados por esses sistemas de inteligência.</p>



<p>Hoje, não basta mais “aparecer no Google”.</p>



<p>Você precisa:</p>



<ul class="wp-block-list">
<li>Aparecer nos <strong>resumos de IA</strong></li>



<li>Ter conteúdo <strong>semântico</strong></li>



<li>Conectar sua marca a <strong>entidades reconhecíveis</strong></li>



<li>Pensar em <strong>branding digital estruturado</strong></li>
</ul>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-7 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><img decoding="async" width="1315" height="1177" loading="lazy" data-id="16475" src="https://www.pinkandbrain.com/wp-content/uploads/2025/08/aparecer-ai-overview-google.webp" alt="" class="wp-image-16475" srcset="https://www.pinkandbrain.com/wp-content/uploads/2025/08/aparecer-ai-overview-google.webp 1315w, https://www.pinkandbrain.com/wp-content/uploads/2025/08/aparecer-ai-overview-google-150x134.webp 150w" sizes="auto, (max-width: 1315px) 100vw, 1315px" title="aparecer-ai-overview-google"></figure>
<figcaption class="blocks-gallery-caption wp-element-caption">Exemplo de estratégia qualificada de inbound, onde a empresa aparece tanto nos resultados clássicos quanto no bloco da AI Overview</figcaption></figure>



<p>Aparecer no Google hoje é mais do que uma questão de vaidade. É <strong>sobre ser encontrado, gerar vendas, reduzir dependência de anúncios pagos</strong> e construir reputação digital.</p>



<p>Se você negligencia isso, <strong>perde oportunidades todos os dias.</strong> Mas a boa notícia é que nunca é tarde para começar — e o primeiro passo é entender por que seu site não está aparecendo e agir com estratégia.</p>



<h2 class="wp-block-heading">Passo a passo simplificado: o que você precisa fazer agora</h2>



<ol start="1" class="wp-block-list">
<li><strong>Verifique se seu site está indexado</strong> – use a pesquisa do Google e o Google Search Console</li>



<li><strong>Corrija a estrutura do site</strong> – elimine plugins desnecessários, melhore performance</li>



<li><strong>Garanta que o conteúdo seja relevante</strong> – crie páginas úteis, com texto e estrutura</li>



<li><strong>Implemente SEO técnico</strong> – títulos, headings, sitemaps, estruturação semântica</li>



<li><strong>Monitore com ferramentas adequadas</strong> – GA4, Search Console, ferramentas de SEO</li>



<li><strong>Conte com um time especializado</strong> – como a Pink and Brain, que une desenvolvimento, SEO, mídia e performance editorial</li>
</ol>



<p>Quer que seu site seja visto por quem realmente importa? Comece com o básico, corrija os erros, e busque ajuda especializada se precisar.</p>



<p>A presença digital não se constrói com sorte — se constrói com inteligência.</p>
<p>O post <a href="https://www.pinkandbrain.com/meu-site-nao-aparece-no-google-e-agora-o-que-fazer/">Meu site não aparece no Google: e agora o que fazer?</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Converse com seus dados: integre seu GA4 com as LLMs</title>
		<link>https://www.pinkandbrain.com/converse-com-seus-dados-integre-seu-ga4-com-as-llms/</link>
		
		<dc:creator><![CDATA[César Canteiro]]></dc:creator>
		<pubDate>Fri, 25 Jul 2025 16:58:40 +0000</pubDate>
				<category><![CDATA[Business intelligence]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Inteligência Artificial]]></category>
		<category><![CDATA[Análise de dados]]></category>
		<category><![CDATA[GA4]]></category>
		<category><![CDATA[Google Gemini]]></category>
		<category><![CDATA[Inteligência Artificial (IA)]]></category>
		<category><![CDATA[LLM]]></category>
		<category><![CDATA[Servidor MCP]]></category>
		<guid isPermaLink="false">https://www.pinkandbrain.com/?p=16278</guid>

					<description><![CDATA[<p>Com a chegada do servidor MCP, é possível integrar o GA4 a modelos de linguagem como o Gemini e transformar dados brutos em respostas inteligentes, diagnósticos automatizados e planos de ação gerados por IA.</p>
<p>O post <a href="https://www.pinkandbrain.com/converse-com-seus-dados-integre-seu-ga4-com-as-llms/">Converse com seus dados: integre seu GA4 com as LLMs</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>A <strong><a href="https://www.pinkandbrain.com/visualizacao-de-dados-e-analise-de-dados-existe-diferenca/" title="análise de dados">análise de dados</a></strong> sempre foi uma das tarefas mais complexas e, ao mesmo tempo, mais estratégicas no marketing digital. Entender o comportamento do público, interpretar métricas e cruzar informações para gerar insights e planos de ação demandava — até pouco tempo atrás — conhecimento técnico, domínio da interface do GA4 e muitas horas em painéis, filtros e exportações.</p>



<p>Mas essa realidade está mudando rapidamente, na mesma velocidade que as plataformas de inteligência artifical evoluem. Agora seu <a href="https://www.pinkandbrain.com/elementos/google/" title="Google">Google</a> Analytics conversa com você: integre GA4 a LLMs e receba respostas em linguagem natural.</p>



<p>O Google acaba de anunciar oficialmente o lançamento do <strong>MCP (Model Context Protocol)</strong>: um servidor de código aberto que <strong>permite conectar grandes modelos de linguagem (LLMs)</strong>, como o <strong>Gemini</strong>, <strong>diretamente aos dados do Google Analytics</strong>. Essa integração representa um avanço significativo na forma como lidamos com dados e insights — e inaugura uma nova camada de inteligência no ecossistema de marketing digital.</p>



<h2 class="wp-block-heading">Do BI para a IA generativa: o novo papel do Google Analytics</h2>



<p>Com o servidor MCP, qualquer profissional — mesmo sem conhecimento técnico aprofundado — pode agora fazer perguntas diretas aos seus dados. Perguntas básicas ou altamente relevantes como:</p>



<ul class="wp-block-list">
<li>Quantos usuários únicos acessaram meu site ontem?</li>



<li>Quais foram os produtos mais vendidos no último trimestre?</li>



<li>De onde vem a maior parte dos meus leads com maior taxa de conversão?</li>



<li>Quais campanhas tiveram melhor performance orgânica?</li>



<li>Dicas para criar uma nova campanha de aquisição de leads baseada no histórico das campanhas de 2024.</li>
</ul>



<p>Essas consultas, que antes exigiam construção de relatórios, configuração de eventos ou exploração de dashboards, agora podem ser respondidas <strong>com linguagem natural</strong>. Basta perguntar — a IA responde.</p>



<p>Isso significa que a barreira de entrada para a análise de dados irá cair drasticamente. Mais do que isso: os <strong>próprios dados se tornaram interativos e acessíveis por comando de texto</strong>. Estamos diante de uma nova era de <strong>inteligência de marketing assistida por IA</strong>.</p>



<h2 class="wp-block-heading">O que é o servidor MCP, na prática?</h2>



<p>O Model Context Protocol é um servidor intermediário que atua como ponte entre os dados do GA4 e modelos de linguagem como o Gemini. Ao receber uma pergunta em linguagem natural, o LLM interpreta o contexto, transforma a pergunta em uma requisição estruturada ao Analytics, interpreta a resposta e apresenta o resultado de volta ao usuário — com contexto, explicação e até recomendações.</p>



<p>A demonstração oficial do Google, apresentada por Matt Landers (Developer Relations do GA), mostra três casos de uso muito claros:</p>



<ol class="wp-block-list">
<li><strong>Consultas simples</strong>: como “Quantos usuários eu tive ontem?” ou “Qual minha taxa de conversão atual?”</li>



<li><strong>Relatórios avançados de e-commerce</strong>: incluindo rankings de produtos, comparativos por período, análise de <a href="https://www.pinkandbrain.com/elementos/funil-de-vendas/" title="funil de vendas">funil de vendas</a> etc.</li>



<li><strong>Planos de marketing gerados por IA</strong>: com justificativas baseadas nos próprios dados do site, algo que se aproxima da automação estratégica.</li>
</ol>



<p>A interface utilizada na demo é via <strong>CLI do Gemini</strong>, mas o Google já abriu o código-fonte e a documentação para que qualquer empresa possa implementar isso em seu próprio ambiente.</p>



<h3 class="wp-block-heading">Por que isso é um divisor de águas?</h3>



<p>A transformação que esse recurso representa não está apenas na facilidade de uso — está na mudança de paradigma.</p>



<p>Durante anos, a análise de dados foi uma competência restrita a áreas técnicas, com forte presença de profissionais de BI, cientistas de dados e especialistas em Google Analytics. O que o MCP inaugura é um modelo onde qualquer stakeholder — um redator, um executivo, um designer de produto — pode consultar os dados diretamente e tomar decisões mais embasadas, sem intermediários.</p>



<p>Mais ainda: a IA não apenas responde. Ela <strong>interpreta</strong> o dado, relaciona com outros contextos e, dependendo do modelo, sugere caminhos, compara tendências, gera hipóteses. O analista não é mais um operador de dashboards. Ele se torna um validador, um estrategista, alguém que orienta a IA com base em repertório e conhecimento de negócio.</p>



<h3 class="wp-block-heading">Uma ponte entre dados e decisão</h3>



<p>Para quem trabalha com <strong>growth, CRO, mídia, conteúdo ou branding</strong>, essa é uma oportunidade real de incorporar inteligência de dados ao fluxo criativo. Em vez de esperar por relatórios semanais ou painéis genéricos, a equipe pode dialogar com os dados e tomar decisões com mais agilidade.</p>



<p>Em termos práticos, o uso de LLMs conectados ao GA4 tende a gerar:</p>



<ul class="wp-block-list">
<li>Redução do tempo de análise</li>



<li>Democratização do acesso a dados estratégicos</li>



<li>Ganhos reais em agilidade de marketing e produto</li>



<li>Nova camada de contexto em projetos de performance</li>



<li>Possibilidade de automação de diagnósticos e planos de ação</li>
</ul>



<p>Imagine receber insights poderosos de novas landing pages, campanhas, canais a serem explorados, fontes de aquisição com maior potencial, enfim, disponível a um prompt de distância.</p>



<h2 class="wp-block-heading">Como começar a usar?</h2>



<p>O servidor MCP é de código aberto e está disponível no GitHub, com documentação clara e exemplos práticos. A comunidade de desenvolvedores já está ativa, com suporte direto da equipe de DevRel do Google.</p>



<ul class="wp-block-list">
<li><strong>Repositório oficial:</strong> <a class="" href="https://github.com/googleanalytics/gemini-mcp">https://github.com/googleanalytics/gemini-mcp</a></li>



<li><strong>Vídeo de apresentação: </strong><a class="" href="https://www.youtube.com/watch?v=PT4wGPxWiRQ">https://www.youtube.com/watch?v=PT4wGPxWiRQ</a></li>



<li><strong>Comunidade e suporte: </strong><a class="" href="https://goo.gle/ga-discord">https://goo.gle/ga-discord</a></li>
</ul>



<p><strong>Repositório do Git Hub do servidor MPC para LLMs</strong></p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-8 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><img decoding="async" width="1245" height="1270" loading="lazy" data-id="16307" src="https://www.pinkandbrain.com/wp-content/uploads/2025/07/git-hub-servidor-mcp-ga4-llms.webp" alt="" class="wp-image-16307" srcset="https://www.pinkandbrain.com/wp-content/uploads/2025/07/git-hub-servidor-mcp-ga4-llms.webp 1245w, https://www.pinkandbrain.com/wp-content/uploads/2025/07/git-hub-servidor-mcp-ga4-llms-150x153.webp 150w" sizes="auto, (max-width: 1245px) 100vw, 1245px" title="Git hub servidor MCP GA4 LLMs"></figure>
<figcaption class="blocks-gallery-caption wp-element-caption">Postagem no Git Hub com os arquivos para emular seu servidor MCP e integrar seu GA4</figcaption></figure>



<p>Veja esse vídeo apresentando o servidor MCP do Google Analytics com o passo a passo de como integrar e colmeçar a usar:</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Introducing the Google Analytics MCP Server" width="500" height="281" src="https://www.youtube.com/embed/PT4wGPxWiRQ?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p><strong>Capítulos do vídeo</strong></p>



<ul class="wp-block-list">
<li>00:00 – Introdução</li>



<li>00:15 – O que é o Servidor MCP do Google Analytics?</li>



<li>00:41 – Conectando-se ao Servidor com a CLI Gemini</li>



<li>01:07 – Quantos usuários eu tinha ontem?</li>



<li>01:44 – Quais foram meus produtos mais vendidos?</li>



<li>02:58 – Gerando um Plano de Marketing Orientado a Dados</li>



<li>04:51 – Como Começar e Entrar para a Comunidade</li>
</ul>



<h2 class="wp-block-heading">Passo a passo de como conectar o servidor MCP a uma conta do GA4</h2>



<h3 class="wp-block-heading">Requisitos iniciais</h3>



<p>Antes de começar, você vai precisar de:</p>



<ul class="wp-block-list">
<li>Uma propriedade do GA4 ativa</li>



<li>Uma conta no Google Cloud Platform com billing habilitado</li>



<li>Um ambiente para rodar o servidor MCP (pode ser local ou na nuvem)</li>



<li>Um modelo de linguagem compatível com ferramentas (Claude.ai, Cursor ou ChatGPT com função de ferramentas habilitada)</li>
</ul>



<h3 class="wp-block-heading">Passo a passo para ativar o servidor MCP</h3>



<h4 class="wp-block-heading">1. Clone o repositório oficial</h4>



<div class="wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers" data-code-block-pro-font-family="Code-Pro-Hack" style="font-size:.875rem;font-family:Code-Pro-Hack,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#2b2b2b;color:#c7c7c7">Bash</span><span role="button" tabindex="0" style="color:#D4D4D4;display:none" aria-label="Copy" class="code-block-pro-copy-button"><pre class="code-block-pro-copy-button-pre" aria-hidden="true"><textarea class="code-block-pro-copy-button-textarea" tabindex="-1" aria-hidden="true" readonly>git clone https://github.com/googleanalytics/google-analytics-mcp.git
cd google-analytics-mcp</textarea></pre><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></span><pre class="shiki dark-plus" style="background-color: #1E1E1E" tabindex="0"><code><span class="line"><span style="color: #DCDCAA">git</span><span style="color: #D4D4D4"> </span><span style="color: #CE9178">clone</span><span style="color: #D4D4D4"> </span><span style="color: #CE9178">https://github.com/googleanalytics/google-analytics-mcp.git</span></span>
<span class="line"><span style="color: #DCDCAA">cd</span><span style="color: #D4D4D4"> </span><span style="color: #CE9178">google-analytics-mcp</span></span></code></pre><span style="display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative">Bash</span></div>



<h4 class="wp-block-heading">2. Configure o projeto no Google Cloud</h4>



<ul class="wp-block-list">
<li>Acesse <em>console.cloud.google.com</em></li>



<li>Crie um novo projeto</li>



<li>Ative as APIs:</li>
</ul>



<div class="wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers" data-code-block-pro-font-family="Code-Pro-Hack" style="font-size:.875rem;font-family:Code-Pro-Hack,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#2b2b2b;color:#c7c7c7">Bash</span><span role="button" tabindex="0" style="color:#D4D4D4;display:none" aria-label="Copy" class="code-block-pro-copy-button"><pre class="code-block-pro-copy-button-pre" aria-hidden="true"><textarea class="code-block-pro-copy-button-textarea" tabindex="-1" aria-hidden="true" readonly>Google Analytics Data <a href="https://www.pinkandbrain.com/elementos/application-programming-interface-api/" title="API">API</a>
OAuth 2.0 Client ID</textarea></pre><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></span><pre class="shiki dark-plus" style="background-color: #1E1E1E" tabindex="0"><code><span class="line"><span style="color: #DCDCAA">Google</span><span style="color: #D4D4D4"> </span><span style="color: #CE9178">Analytics</span><span style="color: #D4D4D4"> </span><span style="color: #CE9178">Data</span><span style="color: #D4D4D4"> </span><span style="color: #CE9178">API</span></span>
<span class="line"><span style="color: #DCDCAA">OAuth</span><span style="color: #D4D4D4"> </span><span style="color: #B5CEA8">2.0</span><span style="color: #D4D4D4"> </span><span style="color: #CE9178">Client</span><span style="color: #D4D4D4"> </span><span style="color: #CE9178">ID</span></span></code></pre><span style="display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative">Bash</span></div>



<p>Vá em <strong>APIs &amp; Services &gt; Credentials</strong> e crie um novo OAuth Client ID</p>



<ul class="wp-block-list">
<li>Tipo: <em>Desktop App</em> ou <em>Web Application</em></li>



<li>Baixe o arquivo <code>client_secrets.json</code></li>
</ul>



<h4 class="wp-block-heading">3. Instale as dependências</h4>



<div class="wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers" data-code-block-pro-font-family="Code-Pro-Hack" style="font-size:.875rem;font-family:Code-Pro-Hack,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#2b2b2b;color:#c7c7c7">Bash</span><span role="button" tabindex="0" style="color:#D4D4D4;display:none" aria-label="Copy" class="code-block-pro-copy-button"><pre class="code-block-pro-copy-button-pre" aria-hidden="true"><textarea class="code-block-pro-copy-button-textarea" tabindex="-1" aria-hidden="true" readonly>pip install -r requirements.txt</textarea></pre><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></span><pre class="shiki dark-plus" style="background-color: #1E1E1E" tabindex="0"><code><span class="line"><span style="color: #DCDCAA">pip</span><span style="color: #D4D4D4"> </span><span style="color: #CE9178">install</span><span style="color: #D4D4D4"> </span><span style="color: #569CD6">-r</span><span style="color: #D4D4D4"> </span><span style="color: #CE9178">requirements.txt</span></span></code></pre><span style="display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative">Bash</span></div>



<h4 class="wp-block-heading">4. Autentique sua conta Google</h4>



<div class="wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers" data-code-block-pro-font-family="Code-Pro-Hack" style="font-size:.875rem;font-family:Code-Pro-Hack,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#2b2b2b;color:#c7c7c7">Python</span><span role="button" tabindex="0" style="color:#D4D4D4;display:none" aria-label="Copy" class="code-block-pro-copy-button"><pre class="code-block-pro-copy-button-pre" aria-hidden="true"><textarea class="code-block-pro-copy-button-textarea" tabindex="-1" aria-hidden="true" readonly>python auth.py --client_secrets=client_secrets.json</textarea></pre><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></span><pre class="shiki dark-plus" style="background-color: #1E1E1E" tabindex="0"><code><span class="line"><span style="color: #D4D4D4">python auth.py </span><span style="color: #F44747">--</span><span style="color: #D4D4D4">client_secrets=client_secrets.json</span></span></code></pre><span style="display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative">Python</span></div>



<h4 class="wp-block-heading">5. Inicie o servidor</h4>



<div class="wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers" data-code-block-pro-font-family="Code-Pro-Hack" style="font-size:.875rem;font-family:Code-Pro-Hack,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#2b2b2b;color:#c7c7c7">Python</span><span role="button" tabindex="0" style="color:#D4D4D4;display:none" aria-label="Copy" class="code-block-pro-copy-button"><pre class="code-block-pro-copy-button-pre" aria-hidden="true"><textarea class="code-block-pro-copy-button-textarea" tabindex="-1" aria-hidden="true" readonly>python server.py</textarea></pre><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></span><pre class="shiki dark-plus" style="background-color: #1E1E1E" tabindex="0"><code><span class="line"><span style="color: #D4D4D4">python server.py</span></span></code></pre><span style="display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#1E1E1E;color:#c7c7c7;font-size:12px;line-height:1;position:relative">Python</span></div>



<p>Isso criará um endpoint local em <code>http://localhost:8080/mcp</code>.</p>



<h3 class="wp-block-heading">Como testar</h3>



<ol class="wp-block-list">
<li>Com o servidor MCP rodando, abra um modelo compatível com ferramentas (Claude, Cursor ou ChatGPT com plugins).</li>



<li>Envie perguntas como:
<ul class="wp-block-list">
<li>Quantos usuários tivemos ontem?</li>



<li>Quais canais trouxeram mais sessões este mês?</li>



<li>Quais produtos tiveram maior conversão no último trimestre?</li>
</ul>
</li>



<li>O modelo envia a requisição ao endpoint, interpreta os dados e responde com base nas informações da sua propriedade GA4.</li>
</ol>



<p><strong>Observações:</strong></p>



<p>Se estiver rodando localmente, talvez você precise de algo como <strong>ngrok</strong> para expor o endpoint MCP à internet e conectar com Claude.ai ou outro LLM baseado em nuvem.</p>



<h2 class="wp-block-heading">Insights finais</h2>



<p>O Google Analytics evoluiu. E com ele, a forma como tomamos decisões baseadas em dados. Não se trata apenas de simplificar consultas, mas de <strong>colocar a <a href="https://www.pinkandbrain.com/elementos/inteligencia-artificial-ai/" title="inteligência artificial">inteligência artificial</a> como parte do processo de análise e estratégia digital</strong>. Isso não substitui o olhar humano — pelo contrário, valoriza ainda mais quem entende de marketing, produto e comportamento. A diferença é que, agora, temos um copiloto pronto para responder, sugerir e acelerar.</p>



<p>A pergunta que fica é: <strong>você vai continuar analisando gráficos ou vai começar a conversar com seus dados?</strong></p>
<p>O post <a href="https://www.pinkandbrain.com/converse-com-seus-dados-integre-seu-ga4-com-as-llms/">Converse com seus dados: integre seu GA4 com as LLMs</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Conheça a nova feature do Google: Search Console Insights Report</title>
		<link>https://www.pinkandbrain.com/conheca-a-nova-feature-do-google-search-console-insights-report/</link>
		
		<dc:creator><![CDATA[Marcelino Junior]]></dc:creator>
		<pubDate>Fri, 04 Jul 2025 19:06:47 +0000</pubDate>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Análise de dados]]></category>
		<category><![CDATA[ChatGPT]]></category>
		<category><![CDATA[GA4]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[Google Gemini]]></category>
		<category><![CDATA[Google Search Console]]></category>
		<category><![CDATA[Inteligência Artificial (IA)]]></category>
		<category><![CDATA[Mecanismos de pesquisa]]></category>
		<guid isPermaLink="false">https://www.pinkandbrain.com/?p=14937</guid>

					<description><![CDATA[<p>Google lança o Search Console Insights para ajudar criadores a entender e otimizar o desempenho do conteúdo na busca orgânica.</p>
<p>O post <a href="https://www.pinkandbrain.com/conheca-a-nova-feature-do-google-search-console-insights-report/">Conheça a nova feature do Google: Search Console Insights Report</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>O <strong><a href="https://www.pinkandbrain.com/elementos/google/" title="Google">Google</a></strong> apresentou recentemente uma novidade importante para profissionais de marketing digital e criadores de conteúdo: o <strong><a href="https://www.pinkandbrain.com/elementos/google-search-console/" title="Search Console">Search Console</a> Insights Report</strong>. Essa ferramenta foi desenvolvida para facilitar o acompanhamento do desempenho dos sites na <a href="https://www.pinkandbrain.com/elementos/busca-organica/" title="busca orgânica">busca orgânica</a>, integrando dados do Search Console com o Google Analytics 4 (GA4) e oferecendo informações mais detalhadas e acessíveis.</p>



<h2 class="wp-block-heading">O que é o Search Console Insights Report?</h2>



<p><strong>O Search Console Insights Report é um relatório que combina métricas essenciais do Search Console e do Google Analytics</strong> para entregar uma visão clara e prática do desempenho dos conteúdos em mecanismos de busca. Seu principal objetivo é <strong>simplificar a <a href="https://www.pinkandbrain.com/visualizacao-de-dados-e-analise-de-dados-existe-diferenca/" title="análise de dados">análise de dados</a></strong>, permitindo que os usuários entendam rapidamente quais páginas estão se destacando, quais palavras-chave estão gerando mais tráfego e onde há espaço para melhorias.</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-9 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><img decoding="async" width="1200" height="1188" loading="lazy" data-id="14939" src="https://www.pinkandbrain.com/wp-content/uploads/2025/07/search-console-insights-report.webp" alt="Search Console Insight report" class="wp-image-14939" srcset="https://www.pinkandbrain.com/wp-content/uploads/2025/07/search-console-insights-report.webp 1200w, https://www.pinkandbrain.com/wp-content/uploads/2025/07/search-console-insights-report-96x96.webp 96w, https://www.pinkandbrain.com/wp-content/uploads/2025/07/search-console-insights-report-150x149.webp 150w" sizes="auto, (max-width: 1200px) 100vw, 1200px" title="Search Console Insight report"></figure>
<figcaption class="blocks-gallery-caption wp-element-caption">Print da funcionalidade no <a href="https://www.pinkandbrain.com/elementos/google-search-console/" title="Google Search Console">Google Search Console</a></figcaption></figure>



<h2 class="wp-block-heading">Principais funcionalidades e benefícios</h2>



<ul class="wp-block-list">
<li><strong>Análise de tendências:</strong> Monitoramento dos cliques e impressões ao longo do tempo para identificar crescimento ou queda no desempenho.</li>



<li><strong>Palavras-chave em destaque:</strong> Identificação das principais palavras-chave que atraem visitantes para o site.</li>



<li><strong>Desempenho das páginas:</strong> Visualização das páginas que apresentam melhor ou pior desempenho, facilitando a priorização de otimizações.</li>



<li><strong>Segmentação geográfica:</strong> Dados segmentados por país, ideal para sites com audiência internacional que desejam ajustar suas estratégias regionais.</li>



<li><strong>Integração com IA:</strong> O relatório faz parte de uma atualização que inclui o <a href="https://www.pinkandbrain.com/ai-mode-chega-no-brasil-o-que-muda-para-o-seo-e-as-marcas/" title="AI Mode">AI Mode</a> no Search Console, trazendo análises assistidas por <a href="https://www.pinkandbrain.com/elementos/inteligencia-artificial-ai/" title="inteligência artificial">inteligência artificial</a> para insights mais profundos.</li>
</ul>



<figure class="wp-block-gallery has-nested-images columns-1 is-cropped wp-block-gallery-10 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img decoding="async" width="1200" height="700" loading="lazy" data-id="14943" src="https://www.pinkandbrain.com/wp-content/uploads/2025/07/conteudos-no-search-console-insights-report-1.webp" alt="" class="wp-image-14943" srcset="https://www.pinkandbrain.com/wp-content/uploads/2025/07/conteudos-no-search-console-insights-report-1.webp 1200w, https://www.pinkandbrain.com/wp-content/uploads/2025/07/conteudos-no-search-console-insights-report-1-150x88.webp 150w" sizes="auto, (max-width: 1200px) 100vw, 1200px" title="Conteúdos no search console insght report"></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="1200" height="602" loading="lazy" data-id="14941" src="https://www.pinkandbrain.com/wp-content/uploads/2025/07/consultas-que-levam-ao-site-search-console-insights-report.webp" alt="" class="wp-image-14941" srcset="https://www.pinkandbrain.com/wp-content/uploads/2025/07/consultas-que-levam-ao-site-search-console-insights-report.webp 1200w, https://www.pinkandbrain.com/wp-content/uploads/2025/07/consultas-que-levam-ao-site-search-console-insights-report-150x75.webp 150w" sizes="auto, (max-width: 1200px) 100vw, 1200px" title="Consultas que levam ao site no search console insights report"></figure>
</figure>



<h2 class="wp-block-heading">Por que essa ferramenta é importante?</h2>



<p>Com o <strong>crescimento das buscas baseadas em inteligência artificial</strong> generativa, como ChatGPT e Gemini, muitos questionam o futuro do SEO tradicional. <strong>O lançamento do Search Console Insights Report demonstra que o Google mantém um forte compromisso com a busca tradicional</strong>, oferecendo ferramentas cada vez mais sofisticadas para que profissionais possam otimizar seus conteúdos e manter a relevância nos resultados orgânicos.</p>



<p>Além disso, a ferramenta ajuda a economizar tempo e a tomar decisões estratégicas mais assertivas, ao destacar rapidamente páginas que precisam de atenção e revelar oportunidades para criação de novos conteúdos baseados em tendências reais de pesquisa.</p>



<h2 class="wp-block-heading">Como usar o Search Console Insights Report para melhorar a performance do seu site?</h2>



<p>Para aproveitar ao máximo o Search Console Insights Report, é recomendável seguir algumas práticas:</p>



<ol class="wp-block-list">
<li><strong>Monitorar páginas com queda de cliques:</strong> Identifique rapidamente quais páginas estão perdendo tráfego e realize ajustes de SEO para recuperar o desempenho.</li>



<li><strong>Criar conteúdos baseados em palavras-chave emergentes:</strong> Utilize os termos em alta para desenvolver novos materiais que atendam às demandas atuais do público.</li>



<li><strong>Comparar períodos:</strong> Avalie o impacto de campanhas, atualizações ou mudanças no site comparando dados de diferentes períodos.</li>



<li><strong>Ajustar estratégias por região:</strong> Use a segmentação geográfica para personalizar campanhas e conteúdos para públicos específicos.</li>



<li><strong>Aproveitar Insights de IA:</strong> Utilize as análises assistidas para identificar padrões e oportunidades que podem não ser evidentes em análises tradicionais.</li>
</ol>



<h2 class="wp-block-heading">Importância de acompanhar o Google Search Console enquanto estrategista de marketing digital</h2>



<p>Apesar do avanço das tecnologias de busca por voz, visuais e baseadas em IA, o Search Console continua sendo uma ferramenta fundamental para quem deseja entender e melhorar o posicionamento orgânico. O lançamento do Insights Report reforça essa importância, ao oferecer dados claros, integrados e acionáveis, que ajudam os profissionais a manterem seus sites competitivos em um cenário digital em constante evolução.</p>



<p><strong>O Search Console Insights Report é um avanço significativo para o universo do SEO, proporcionando uma visão integrada e simplificada do desempenho dos sites na busca orgânica.</strong> Com ele, o Google reafirma sua aposta na busca tradicional, mesmo diante da crescente popularização da inteligência artificial nas pesquisas online. Para profissionais de marketing digital, essa ferramenta representa uma oportunidade valiosa de otimizar estratégias, economizar tempo e garantir que seus conteúdos continuem relevantes e bem posicionados.</p>
<p>O post <a href="https://www.pinkandbrain.com/conheca-a-nova-feature-do-google-search-console-insights-report/">Conheça a nova feature do Google: Search Console Insights Report</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Como visualizar tráfego de UTMs no GA4? dicas de ouro</title>
		<link>https://www.pinkandbrain.com/como-visualizar-trafego-de-utms-no-ga4-dicas-de-ouro/</link>
		
		<dc:creator><![CDATA[César Canteiro]]></dc:creator>
		<pubDate>Mon, 16 Jun 2025 18:27:54 +0000</pubDate>
				<category><![CDATA[Business intelligence]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[GA4]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[Marketing Digital]]></category>
		<category><![CDATA[Métricas de Aquisição]]></category>
		<category><![CDATA[Tagueamento de Campanhas]]></category>
		<category><![CDATA[Web Analytics]]></category>
		<guid isPermaLink="false">https://pinkandbrain.com/?p=12821</guid>

					<description><![CDATA[<p>Aprenda como utilizar parâmetros UTM em URLs de campanhas e visualiza-los no Google Analytics 4, otimizando suas campanhas de marketing e melhorando suas estratégias.</p>
<p>O post <a href="https://www.pinkandbrain.com/como-visualizar-trafego-de-utms-no-ga4-dicas-de-ouro/">Como visualizar tráfego de UTMs no GA4? dicas de ouro</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Os <strong>parâmetros <a href="https://www.pinkandbrain.com/elementos/utm-urchin-tracking-module/" title="UTM">UTM</a> são essenciais para rastrear a origem do tráfego no <a href="https://www.pinkandbrain.com/elementos/google/" title="Google">Google</a> Analytics 4</strong>, o famoso GA4, de forma estruturada. Adicioná-los às URLspermite que você monitore a eficácia de suas campanhas de marketing, especialmente em plataformas como e-mail, redes sociais e anúncios pagos.</p>



<p>Vamos entender mas a fundo do que se trata e como fazer da forma correta.</p>



<h2 class="wp-block-heading">O que são parâmetros UTM colocados na URL?</h2>



<p>Os famosos parâmetros <strong>UTM são pequenos trechos de texto adicionados a uma URL para fornecer informações específicas sobre a origem do tráfego</strong>, que podem ser visualizados de maneira estruturada no Google Analytics. Eles ajudam a responder perguntas como: de onde vieram os visitantes? qual campanha os atraiu? valeu a pena? qual criativo teve mais conversão? qual tipo de banner teve mais cliques?</p>



<h2 class="wp-block-heading">Principais parâmetros UTM</h2>



<p>Como mencionado, os <a href="https://www.pinkandbrain.com/elementos/utm-urchin-tracking-module/" title="parâmetros UTM">parâmetros UTM</a> são essenciais para <strong>rastrear a eficácia das campanhas de marketing digital</strong>, fornecendo insights valiosos sobre como os usuários chegam até você e quais campanhas estão trazendo os melhores resultados. Ao entender esses parâmetros, você pode otimizar suas estratégias de marketing e alocar recursos de forma mais eficaz.</p>



<p>Existem<strong> cinco parâmetros UTM principais que são amplamente utilizados</strong>: utm_source, utm_medium, utm_campaign, utm_term e utm_content. Cada um deles fornece informações específicas sobre a campanha, como a origem do tráfego, o meio de marketing utilizado, a campanha específica, palavras-chave pagas e diferenciação entre anúncios ou links. Veja os detalhes abaixo:</p>



<ul class="wp-block-list">
<li><strong>utm_source</strong>: identifica o site ou origem (por exemplo, facebook, newsletter).</li>



<li><strong>utm_medium</strong>: indica o meio de marketing (por exemplo, email, cpc).</li>



<li><strong>utm_campaign</strong>: refere-se à campanha específica (por exemplo, black-friday, summer-sale).</li>



<li><strong>utm_term</strong>: utilizado para campanhas pagas, identifica as palavras-chave.</li>



<li><strong>utm_content</strong>: diferencia anúncios ou links que levam ao mesmo URL (por exemplo, diferentes imagens ou CTAs, como por exemplo banner-300×250-aniversario-de-ofertas, banner-728×90-aniversario-de-ofertas).</li>
</ul>



<h2 class="wp-block-heading">Benefícios</h2>



<p>Ao utilizar UTMs, você obtém insights detalhados sobre o desempenho das campanhas. que permite:</p>



<ul class="wp-block-list">
<li><strong>Rastrear o desempenho</strong>: ver quais campanhas trazem mais tráfego e conversões.</li>



<li><strong>Otimizar investimentos</strong>: direcionar recursos para as campanhas mais eficazes.</li>



<li><strong>Melhorar a <a href="https://www.pinkandbrain.com/visualizacao-de-dados-e-analise-de-dados-existe-diferenca/" title="análise de dados">análise de dados</a></strong>: segmentar usuários por campanha, origem e meio.</li>
</ul>



<h2 class="wp-block-heading">Como adicionar parâmetros UTM a uma URL?</h2>



<p>Para adicionar UTMs a uma URL, siga estas etapas:</p>



<ol class="wp-block-list">
<li><strong>Determine a URL base</strong>: Por exemplo: <code>www.seusite.com/novoproduto</code>.</li>



<li><strong>Adicione um ponto de interrogação</strong> “<code>?"</code> após a URL.</li>



<li><strong>Inclua os parâmetros UTM</strong> usando o seguinte formato <code>utm_source=origem&amp;utm_medium=meio&amp;utm_campaign=campanha</code>.</li>
</ol>



<p>Exemplo:</p>



<div class="wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers" data-code-block-pro-font-family="Code-Pro-Hack" style="font-size:.875rem;font-family:Code-Pro-Hack,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#333545;color:#ebebe6"><a href="https://www.pinkandbrain.com/elementos/html-hypertext-markup-language/" title="HTML">HTML</a></span><span role="button" tabindex="0" style="color:#f6f6f4;display:none" aria-label="Copy" class="code-block-pro-copy-button"><pre class="code-block-pro-copy-button-pre" aria-hidden="true"><textarea class="code-block-pro-copy-button-textarea" tabindex="-1" aria-hidden="true" readonly>www.seusite.com/novoproduto?utm_source=facebooku0026amp;utm_medium=socialu0026amp;utm_campaign=black-friday</textarea></pre><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></span><pre class="shiki dracula-soft" style="background-color: #282A36" tabindex="0"><code><span class="line"><span style="color: #F6F6F4">www.seusite.com/novoproduto?utm_source=facebooku0026amp;utm_medium=socialu0026amp;utm_campaign=black-friday</span></span></code></pre><span style="display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative">HTML</span></div>



<p>Para URLs que já possuem parâmetros, adicione os UTMs usando <code>&amp;</code>:</p>



<div class="wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers" data-code-block-pro-font-family="Code-Pro-Hack" style="font-size:.875rem;font-family:Code-Pro-Hack,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)"><span style="display:flex;align-items:center;padding:10px 0px 10px 16px;margin-bottom:-2px;width:100%;text-align:left;background-color:#333545;color:#ebebe6">HTML</span><span role="button" tabindex="0" style="color:#f6f6f4;display:none" aria-label="Copy" class="code-block-pro-copy-button"><pre class="code-block-pro-copy-button-pre" aria-hidden="true"><textarea class="code-block-pro-copy-button-textarea" tabindex="-1" aria-hidden="true" readonly>www.seusite.com/categoria-de-produtos?param=mais-baratosu0026amp;utm_source=facebooku0026amp;utm_medium=socialu0026amp;utm_campaign=black-friday</textarea></pre><svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2"><path class="with-check" stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"></path><path class="without-check" stroke-linecap="round" stroke-linejoin="round" d="M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6"></path></svg></span><pre class="shiki dracula-soft" style="background-color: #282A36" tabindex="0"><code><span class="line"><span style="color: #F6F6F4">www.seusite.com/categoria-de-produtos?param=mais-baratosu0026amp;utm_source=facebooku0026amp;utm_medium=socialu0026amp;utm_campaign=black-friday</span></span></code></pre><span style="display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative">HTML</span></div>



<h2 class="wp-block-heading">Organização é a chave</h2>



<p>Para manter consistência e facilitar a análise futura dos dados oriundos de URLs parametrizadas com UTM, leve em consideração:</p>



<ul class="wp-block-list">
<li><strong>Use uma convenção de nomenclatura consistente</strong>: Por exemplo, sempre utilize letras minúsculas, hifens ou underlines, etc.</li>



<li><strong>Cuidado para não escrever palavras erradas</strong>.</li>



<li><strong>Cuidado para não inserir informações erradas</strong> de um criativo ou campanha no lugar de outro.</li>



<li><strong>Gerencie UTMs centralmente</strong>: ferramentas como utm.io podem ajudar a manter um registro organizado de todos os UTMs utilizados. No entanto, criar uma tabela no Google Sheets para que o usuário apenas coloca as URLs e valores pode ser a melhor forma de organizar e manter um histórico acessível pelos colaboradores.</li>
</ul>



<h3 class="wp-block-heading">Dica de ouro: ferramenta online para você taguear suas URLs</h3>



<p>Caso você queira criar uma URL parametrizada rapidamente, conheça o “<a href="https://ga-dev-tools.google/campaign-url-builder/">Campaign URL Builder</a>” do Google.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1649" height="1831" loading="lazy" src="https://pinkandbrain.com/wp-content/uploads/2024/07/campaign-url-builder-utm-ga.webp" alt="" class="wp-image-12829"><figcaption class="wp-element-caption">Em poucos cliques você monta sua URL, copia e taca-lhe pal nas campanhas</figcaption></figure>



<h2 class="wp-block-heading">Chegou a melhor parte: como visualizar dados de UTMs no Google Analytics 4 (GA4)</h2>



<p>Após configurar seus UTMs, veja como clocalizar e visualizar os dados no GA4:</p>



<ol class="wp-block-list">
<li><strong>Acesse os relatórios</strong>: Vá para <code>Relatórios &gt; Aquisição &gt; Aquisição de Tráfego</code> ou <code>Aquisição de Usuários</code>.</li>



<li><strong>Adicione ou edite as dimensões</strong>: Escolha <code>Origem/mídia da sessão</code> para visualizar o UTM source e UTM medium e adicione dimensões secundárias como <code>Campanha da Sessão</code> para visualizar o UTM campaign ou conforme necessário.</li>



<li><strong>Análise detalhada</strong>: Utilize as dimensões <code>utm_source</code>, <code>utm_medium</code>, <code>utm_campaign</code> e outras para visualizar métricas como usuários, sessões e receita total.</li>
</ol>



<figure class="wp-block-gallery has-nested-images columns-2 is-cropped wp-block-gallery-11 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://pinkandbrain.com/wp-content/uploads/2024/07/aquisicao-de-usuarios.webp" target="_blank" rel="noopener"><img decoding="async" width="511" height="767" loading="lazy" data-id="12825" src="https://pinkandbrain.com/wp-content/uploads/2024/07/aquisicao-de-usuarios.webp" alt="" class="wp-image-12825"></a><figcaption class="wp-element-caption">Aquisição &gt; Aquisição de usuários</figcaption></figure>



<figure class="wp-block-image size-large"><a href="https://pinkandbrain.com/wp-content/uploads/2024/07/dimensoes-ga4.webp" target="_blank" rel="noopener"><img decoding="async" width="1094" height="610" loading="lazy" data-id="12824" src="https://pinkandbrain.com/wp-content/uploads/2024/07/dimensoes-ga4.webp" alt="" class="wp-image-12824"></a><figcaption class="wp-element-caption">Dimensões (1 e 2)</figcaption></figure>



<figure class="wp-block-image size-large"><a href="https://pinkandbrain.com/wp-content/uploads/2024/07/referencia-localizador-utms-ga4.webp" target="_blank" rel="noopener"><img decoding="async" width="2523" height="1878" loading="lazy" data-id="12823" src="https://pinkandbrain.com/wp-content/uploads/2024/07/referencia-localizador-utms-ga4.webp" alt="" class="wp-image-12823"></a><figcaption class="wp-element-caption">Visualização completa de UTMs</figcaption></figure>
</figure>



<h2 class="wp-block-heading">Explorando UTMs no GA4</h2>



<p>Para uma análise mais personalizada você pode criar um novo relatório pela aba “Explorar”:</p>



<ol class="wp-block-list">
<li><strong>Crie uma exploração</strong>: vá para <code>Explorar &gt; Relatório em branco</code>.</li>



<li><strong>Adicione dimensões e métricas</strong>: selecione as dimensões da seção <code>Origem do tráfego</code> e métricas relevantes, como <code>Taxa de conversão de sessão</code>.</li>



<li><strong>Personalize a visualização</strong>: arraste dimensões para a seção <code>Linha</code> e métricas para <code>Valores</code> para obter insights detalhados.</li>
</ol>



<figure class="wp-block-gallery has-nested-images columns-1 is-cropped wp-block-gallery-12 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img decoding="async" width="1492" height="584" loading="lazy" data-id="12828" src="https://pinkandbrain.com/wp-content/uploads/2024/07/analisar-relatorio-personalizado-ga4.webp" alt="" class="wp-image-12828"><figcaption class="wp-element-caption">Acesse no menu lateral a aba “Analisar”</figcaption></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="880" height="848" loading="lazy" data-id="12826" src="https://pinkandbrain.com/wp-content/uploads/2024/07/selecionar-dimensoes-ga4.webp" alt="" class="wp-image-12826"><figcaption class="wp-element-caption">Escolha as dimensões “Origem/Mídia” e “Campanha da Sessão”</figcaption></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="1903" height="782" loading="lazy" data-id="12827" src="https://pinkandbrain.com/wp-content/uploads/2024/07/tabela-relatorio-personalizado-ga4.webp" alt="" class="wp-image-12827"><figcaption class="wp-element-caption">Escolha uma métrica (eu usei contagem de eventos) e depois drag and drop as dimensões</figcaption></figure>
</figure>



<p>Na tabela acima criada em 2 minutinhos podemos visualizar a quantidade de eventos em casa campanha. Não faz muito sentido analisar isso, mas só quis mostrar como é fácil criar seus próprios relatórios.</p>



<p>Partindo da premissa de que <strong>não é possível gerenciar sem saber medir</strong>, ressalto a importânica de usar os parâmetros para validar informações necessárias sobre as campanhas divulgadas. Não adianta conceber campanhas sem analisar depois.</p>



<p>Utilizar parâmetros UTM é uma <strong>estratégia eficaz para avaliar o impacto das suas campanhas de marketing</strong>. No GA4, você pode adaptar suas convenções de nomenclatura UTM para seguir as regras de grupo de canais padrão ou criar um grupo de canais personalizado. Isso garantirá uma visualização clara e precisa dos dados de suas campanhas.</p>



<p>Com uma implementação correta de UTMs e uma análise cuidadosa no GA4, você estará bem posicionado para otimizar suas estratégias de marketing e maximizar seus resultados.</p>
<p>O post <a href="https://www.pinkandbrain.com/como-visualizar-trafego-de-utms-no-ga4-dicas-de-ouro/">Como visualizar tráfego de UTMs no GA4? dicas de ouro</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Novidade no GA4: relatório de páginas em tempo real</title>
		<link>https://www.pinkandbrain.com/novidade-no-ga4-relatorio-de-paginas-em-tempo-real/</link>
		
		<dc:creator><![CDATA[César Canteiro]]></dc:creator>
		<pubDate>Thu, 10 Oct 2024 21:32:05 +0000</pubDate>
				<category><![CDATA[Business intelligence]]></category>
		<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Notícias]]></category>
		<category><![CDATA[GA4]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[Marketing Digital]]></category>
		<category><![CDATA[Métricas de Aquisição]]></category>
		<category><![CDATA[Métricas de Engajamento]]></category>
		<category><![CDATA[Web Analytics]]></category>
		<guid isPermaLink="false">https://www.pinkandbrain.com/?p=13700</guid>

					<description><![CDATA[<p>O Relatório de Páginas em Tempo Real do GA4 é uma ferramenta essencial para quem deseja otimizar o desempenho de um site ou aplicativo com base em dados instantâneos.</p>
<p>O post <a href="https://www.pinkandbrain.com/novidade-no-ga4-relatorio-de-paginas-em-tempo-real/">Novidade no GA4: relatório de páginas em tempo real</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>O <strong><a href="https://www.pinkandbrain.com/elementos/google/" title="Google">Google</a> Analytics 4 (GA4)</strong> trouxe uma nova funcionalidade: o <strong>Relatório de Páginas em Tempo Real</strong>. Essa ferramenta permite monitorar, em tempo real, quais páginas os usuários estão acessando no seu site ou aplicativo e quantos usuários estão visualizando cada página. Com esses insights, é possível identificar páginas populares, medir a eficácia de campanhas de marketing e solucionar problemas no site de forma mais eficiente.</p>



<p><strong>No GA3, o Universal Analytics, confesso que era infinitamente mais poderoso</strong>: era um delay pequenininho e você conseguia ver de fato o tráfego minuto a minuto com mais exatidão. PORÉM, vamos agradecer essa emlhoria.</p>



<h2 class="wp-block-heading">Como acessar o relatório de páginas em tempo real?</h2>



<p>Para acessar o Relatório de Páginas em Tempo Real no GA4, siga os passos abaixo:</p>



<ol class="wp-block-list">
<li><strong>Faça login no Google Analytics</strong>.</li>



<li>No menu à esquerda, selecione <strong>Relatórios</strong>.</li>



<li>Clique em <strong>Páginas em Tempo Real</strong>.</li>
</ol>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-13 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><figure><img decoding="async" width="1146" height="640" loading="lazy" data-id="13702" src="https://www.pinkandbrain.com/wp-content/uploads/2024/10/paginas-em-tempo-real-realtime-ga4.webp" alt="Visão no GA4 das páginas em tempo real de um site" class="wp-image-13702" title="Visão no GA4 das páginas em tempo real de um site"><figcaption>Veja onde está o relatório de páginas em tempo real no GA4</figcaption></figure><figcaption class="wp-element-caption">Veja onde está o relatório de páginas em tempo real no GA4</figcaption></figure>
</figure>



<p>Essa<strong> navegação simples permite que você visualize imediatamente os dados das páginas que estão sendo acessadas nos últimos 30 minutos</strong>, uma funcionalidade que antes era limitada ou menos acessível nas versões anteriores do Google Analytics.</p>



<h2 class="wp-block-heading">O que está no relatório?</h2>



<p>O Relatório de Páginas em Tempo Real é composto por <strong>cards de resumo</strong> e uma <strong>tabela detalhada</strong>:</p>



<h3 class="wp-block-heading">Cards de Resumo</h3>



<p>No topo do relatório, você encontra dois cartões que apresentam uma visão geral das métricas principais:</p>



<ul class="wp-block-list">
<li><strong>Métricas Principais</strong>: exibe o número total de <strong>Visualizações</strong> e <strong>Usuários Ativos</strong> no seu site ou aplicativo nos últimos 30 minutos.</li>



<li><strong>Gráfico de Barras</strong>: mostra o número de <strong>Usuários Ativos por minuto</strong>, permitindo acompanhar em tempo real como o tráfego oscila ao longo do tempo.</li>
</ul>



<h3 class="wp-block-heading">Tabela detalhada de caminho de páginas, usuários ativos e pageviews</h3>



<p>Abaixo dos cards de resumo, uma tabela exibe a <strong>distribuição dos Usuários Ativos</strong> por página ou tela nos últimos 30 minutos. As métricas incluem:</p>



<ul class="wp-block-list">
<li><strong>Caminho da Página e Classe de Tela</strong>: lista todas as páginas do seu site ou telas do seu aplicativo, classificadas pelo número de visualizações e usuários ativos. Isso ajuda a identificar quais áreas estão recebendo mais tráfego.</li>



<li><strong>Visualizações</strong>: número total de visualizações que cada página ou tela recebeu nos últimos 30 minutos.</li>



<li><strong>Usuários Ativos</strong>: número total de usuários únicos que visitaram seu site ou aplicativo nos últimos 30 minutos.</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity">



<h2 class="wp-block-heading">Benefícios de usar o relatório de páginas em tempo real</h2>



<p>O Relatório de Páginas em Tempo Real no GA4 oferece uma série de benefícios para gestores de marketing, desenvolvedores e analistas. Veja como ele pode ser utilizado para otimizar a performance do seu site:</p>



<h3 class="wp-block-heading">Identificação de páginas populares</h3>



<p>Com o relatório, você pode visualizar quais páginas estão sendo acessadas em maior quantidade em tempo real. Isso pode ser particularmente útil em momentos de lançamento de campanhas, eventos promocionais ou durante picos de tráfego.</p>



<p>Exemplo: Se você acabou de enviar um e-mail marketing promovendo um novo produto, pode verificar rapidamente se a página do produto está sendo acessada conforme o esperado.</p>



<h3 class="wp-block-heading">Medição de campanhas de marketing</h3>



<p>O relatório permite medir a eficácia das campanhas de marketing digital de maneira quase instantânea. Ao lançar uma nova campanha de <strong>Google <a href="https://www.pinkandbrain.com/elementos/ads/" title="Ads">Ads</a></strong>, por exemplo, você pode monitorar quais páginas estão sendo acessadas e quantas pessoas estão interagindo com seu conteúdo.</p>



<h3 class="wp-block-heading">Solução de problemas rápida</h3>



<p>Se houver qualquer problema no site, como páginas que não estão carregando corretamente ou links quebrados, o Relatório de Páginas em Tempo Real ajuda a identificar rapidamente as áreas que podem estar com falhas. O acompanhamento instantâneo permite reagir rapidamente a quedas de tráfego inesperadas ou comportamento anômalo dos usuários.</p>



<hr class="wp-block-separator has-alpha-channel-opacity">



<h2 class="wp-block-heading">Limitações do relatório</h2>



<p>Embora seja uma ferramenta valiosa, o Relatório de Páginas em Tempo Real ainda possui algumas limitações:</p>



<ul class="wp-block-list">
<li><strong>Não Personalizável</strong>: no momento, o relatório não permite personalizações, como a adição de novos parâmetros ou filtros.</li>



<li><strong>Sem Comparações e Filtros</strong>: comparações entre períodos de tempo ou a aplicação de filtros não são suportadas.</li>
</ul>



<p>Apesar dessas limitações, a funcionalidade em si oferece grande valor para quem deseja monitorar o desempenho de páginas e campanhas em tempo real.</p>



<p>O <strong>Relatório de Páginas em Tempo Real do GA4</strong> é uma ferramenta essencial para quem deseja otimizar o desempenho de um site ou aplicativo com base em dados instantâneos. Seja para <strong>identificar páginas populares</strong>, <strong>medir o sucesso de campanhas de marketing</strong> ou <strong>solucionar problemas rapidamente</strong>, essa funcionalidade traz um novo nível de controle e agilidade para a gestão digital.</p>



<p>Para empresas que buscam sempre estar um passo à frente em suas estratégias de marketing e <a href="https://www.pinkandbrain.com/elementos/ux-user-experience/" title="UX">UX</a>, o GA4, com suas inovações em tempo real, oferece uma vantagem competitiva indispensável.</p>



<p><strong>Para publishers é uma mão na roda</strong> para saber quais conteúdos merecem serem novamente aquecidos, novas pautas, criação de Web Stories, <a href="https://www.pinkandbrain.com/elementos/linkagem-interna/" title="linkagem interna">linkagem interna</a>, enfim, algo que já usamos com frequência nas análises diárias dos nossos clientes.</p>



<p>Se <strong>você precisa de ajuda com o GA4</strong>, tagueamento, campanhas, SEO, saiba que a <strong>Pink and Brain é referência em qualquer assunto relacionado à Google</strong>. Venha tomar um café digital.</p>
<p>O post <a href="https://www.pinkandbrain.com/novidade-no-ga4-relatorio-de-paginas-em-tempo-real/">Novidade no GA4: relatório de páginas em tempo real</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Novidade na área: benchmarking direto no GA4</title>
		<link>https://www.pinkandbrain.com/analise-de-dados-benchmarking-no-ga4/</link>
		
		<dc:creator><![CDATA[César Canteiro]]></dc:creator>
		<pubDate>Mon, 02 Sep 2024 15:43:04 +0000</pubDate>
				<category><![CDATA[Business intelligence]]></category>
		<category><![CDATA[Notícias]]></category>
		<category><![CDATA[GA4]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[Web Analytics]]></category>
		<guid isPermaLink="false">https://www.pinkandbrain.com/?p=13314</guid>

					<description><![CDATA[<p>Nova funcionalidade permite que você compare  dados de análise do seu site com os de outras empresas do mesmo setor, oferecendo insights valiosos sobre o desempenho do seu negócio e do mercado.</p>
<p>O post <a href="https://www.pinkandbrain.com/analise-de-dados-benchmarking-no-ga4/">Novidade na área: benchmarking direto no GA4</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>O <strong><a href="https://www.pinkandbrain.com/elementos/google/" title="Google">Google</a> Analytics 4 (GA4) está introduzindo uma nova funcionalidade em sua plataforma, denominada “benchmarking”</strong>, uma característica que muitos usuários já conheciam da versão anterior, o Universal Analytics. </p>



<p>Esta funcionalidade <strong>permite que você compare  dados de análise do seu site com os de outras empresas do mesmo setor</strong>, oferecendo insights valiosos sobre o desempenho do seu negócio em relação ao mercado.</p>



<h2 class="wp-block-heading">O que é e como funciona o benchmarking no GA4?</h2>



<p>O <a href="https://www.pinkandbrain.com/elementos/benchmarking/" title="benchmarking">benchmarking</a> é uma ferramenta que permite às empresas medir seu desempenho em comparação com outras no mesmo setor. Com o GA4, <strong>você pode comparar várias métricas do seu site com as de outros sites semelhantes</strong>, identificando oportunidades de melhoria e destacando pontos fortes e fracos em suas estratégias digitais.</p>



<figure class="wp-block-gallery has-nested-images columns-2 is-cropped wp-block-gallery-14 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://www.pinkandbrain.com/?attachment_id=13317"><img decoding="async" width="1192" height="614" loading="lazy" data-id="13317" src="https://www.pinkandbrain.com/wp-content/uploads/2024/09/comparar-dados-mercado-ga4.webp" alt="" class="wp-image-13317" title="Comparar dados de mercado GA4"></a></figure>



<figure class="wp-block-image size-full"><a href="https://www.pinkandbrain.com/?attachment_id=13320"><img decoding="async" width="688" height="516" loading="lazy" data-id="13320" src="https://www.pinkandbrain.com/wp-content/uploads/2024/09/habilitar-comparar-dados-benchmarking-mercado-ga4.webp" alt="" class="wp-image-13320" srcset="https://www.pinkandbrain.com/wp-content/uploads/2024/09/habilitar-comparar-dados-benchmarking-mercado-ga4.webp 688w, https://www.pinkandbrain.com/wp-content/uploads/2024/09/habilitar-comparar-dados-benchmarking-mercado-ga4-552x414.webp 552w" sizes="auto, (max-width: 688px) 100vw, 688px" title="Habilitar comparar dados benchmarking mercado GA4"></a></figure>



<figure class="wp-block-image size-full"><a href="https://www.pinkandbrain.com/?attachment_id=13319"><img decoding="async" width="1052" height="602" loading="lazy" data-id="13319" src="https://www.pinkandbrain.com/wp-content/uploads/2024/09/selecao-benchmarking-google-analytics-4.webp" alt="" class="wp-image-13319" title="Seleção Benchmarking Google Analytics 4"></a></figure>
</figure>



<p>Você pode comparar o desempenho do seu negócio com o de outros na mesma indústria. Para acessar essa funcionalidade, você deve habilitar a opção “Modeling contributions &amp; business insights” ou em português “Contribuições de estimativas de negócios” nas Configurações do Administrador, sob os Detalhes da Conta. </p>



<p>Vale ressaltar que nesta data que vos escrevo, essa funcionalidade ainda está em roll out, ou seja, nem todo usuário/conta pode ainda ter acesso ao recurso.</p>



<h3 class="wp-block-heading">Como ativar o Benchmarking no GA4?</h3>



<p>Para ativar o Benchmarking no GA4, siga os seguintes passos:</p>



<ol class="wp-block-list">
<li>Acesse as Configurações do Administrador no GA4.</li>



<li>Vá para Detalhes da Conta.</li>



<li>Habilite a opção “Modeling contributions &amp; business insights” ou em português: “Contribuições de estimativas de negócios”.</li>
</ol>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-15 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://www.pinkandbrain.com/?attachment_id=13315"><img decoding="async" width="1314" height="618" loading="lazy" data-id="13315" src="https://www.pinkandbrain.com/wp-content/uploads/2024/09/benchmarking-ga4.webp" alt="Benchmarking GA4" class="wp-image-13315" title="Benchmarking GA4"></a></figure>
</figure>



<p>O Google explica que, ao ativar esta opção, você estará compartilhando dados agregados e desidentificados que são utilizados para gerar insights mais ricos para o seu negócio. Isso inclui previsões, dados modelados e benchmarking.</p>



<h3 class="wp-block-heading">Benefícios do benchmarking no GA4</h3>



<p>Partindo da premissa que o Google sabe quase tudo das pessoas, mercados, empresas, etc., e como é poderoso o cenário atual de inteligência artifical nas aplicações, a possibilidade de comparação que a ferramenta propicia é bastante poderosa. Destaco como principais benefícios de usar o benchmarking no GA4:</p>



<ul class="wp-block-list">
<li><strong>Comparação de desempenho:</strong> veja como o desempenho do seu site se compara ao de outros sites em sua indústria. Isso pode ajudar a identificar onde seu site está performando bem e onde há oportunidades de melhoria.</li>



<li><strong>Identificação de problemas:</strong> o benchmarking pode ajudar a identificar problemas de desempenho em seu site. Se uma métrica estiver abaixo da média do setor, isso pode indicar a necessidade de ajustes.</li>



<li><strong>Oportunidades de crescimento:</strong> estime o quanto você pode melhorar as métricas do seu site ao identificar benchmarks de alto desempenho em sua indústria.</li>
</ul>



<h2 class="wp-block-heading">O que o Google diz sobre a funcionalidade?</h2>



<p>Segundo a documentação de ajuda do Google:</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Benchmarks são métricas que ajudam você a comparar o desempenho do seu negócio com o de outras empresas no seu setor.</p>
<cite>Google</cite></blockquote>



<p>O <strong>Google Analytics oferece benchmarks baseados em grupos de empresas semelhantes, chamados de grupos pares</strong>. Esses grupos são definidos com base em sinais como o setor vertical da sua empresa e outros detalhes relevantes.</p>



<p>Os benchmarks são atualizados a cada 24 horas, o que significa que você terá acesso a dados frescos e relevantes para ajudar a guiar suas decisões de negócios.</p>



<hr class="wp-block-separator has-alpha-channel-opacity">



<p>Certifique-se de<strong> habilitar essa funcionalidade no GA4</strong> para começar a se beneficiar dos insights de benchmarking e fique atento às atualizações contínuas que o Google faz para melhorar ainda mais essa ferramenta.</p>



<p>Não perca nenhuma atualização sobre marketing digital, branding e web analytics aqui no <strong>lab da Pink and Brain</strong>.</p>
<p>O post <a href="https://www.pinkandbrain.com/analise-de-dados-benchmarking-no-ga4/">Novidade na área: benchmarking direto no GA4</a> apareceu primeiro em <a href="https://www.pinkandbrain.com">Pink and Brain</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
