Se você já rolou até o final de um de nossos artigos, provavelmente notou nosso widget ‘Mais Populares no WPBeginner Agora!’. Este recurso tem sido um sucesso com nossos leitores, ajudando-os a descobrir nosso conteúdo mais valioso e incentivando-os a explorar mais nosso site.
Ao destacar seus posts de blog do WordPress mais populares, você não está apenas ajudando os leitores a encontrar seu melhor conteúdo – você também está impulsionando as métricas de engajamento do seu site. É uma situação ganha-ganha: os visitantes obtêm ótimo conteúdo e você os mantém no seu site por mais tempo.
Neste artigo, mostraremos como exibir facilmente seus posts mais populares com base em suas visualizações no WordPress.
Por que Exibir Posts Populares por Visualizações no WordPress?
Quando os usuários veem seus posts de blog do WordPress mais populares, eles podem descobrir qual conteúdo seus colegas leitores mais gostam. Dessa forma, eles podem conferir esses artigos e participar da conversa.
Além disso, exibir seu conteúdo mais popular no WordPress pode aumentar sua prova social. É como dizer aos novos usuários: “Ei, outras pessoas acharam esses posts muito úteis, e você também pode achar!”
Finalmente, mostrar seus posts de blog em alta pode fazer as pessoas ficarem mais tempo no seu site, aumentando suas pageviews e reduzindo sua taxa de rejeição.
Quanto mais o engajamento do seu usuário aumenta, mais o Google considera seu conteúdo bom e importante. Por sua vez, seu SEO para WordPress melhora e seu site pode ter um ranking mais alto.
Infelizmente, o WordPress não possui um recurso ou bloco integrado para exibir seus posts mais populares por visualizações de página. Neste guia, mostraremos como fazer exatamente isso com um plugin e com código.
Basta clicar em um dos links rápidos abaixo para pular diretamente para o seu método preferido:
- Método 1: Exibir Posts Populares do WordPress por Visualizações com MonsterInsights (Recomendado)
- Método 2: Exibir Posts Populares do WordPress por Visualizações com Código (Mais Avançado)
- Tutorial em Vídeo
Método 1: Exibir Posts Populares do WordPress por Visualizações com MonsterInsights (Recomendado)
A maneira mais fácil de exibir posts populares por visualizações no WordPress é com um plugin. Existem, na verdade, muitos plugins de posts populares para WordPress disponíveis, mas na nossa opinião, a melhor escolha é o MonsterInsights.
Usado por mais de 3 milhões de sites em todo o mundo, o MonsterInsights é o melhor plugin do Google Analytics para WordPress. Embora sua principal funcionalidade seja a análise, ele também possui um recurso fácil de usar para mostrar seus posts mais populares.
Antes de mais nada, você precisará instalar o plugin MonsterInsights e conectá-lo à sua conta do Google Analytics. Para mais detalhes, veja nosso guia passo a passo sobre como instalar o Google Analytics no WordPress para iniciantes.
Observação: Embora uma versão gratuita do MonsterInsights esteja disponível, usaremos a versão Pro, pois ela inclui o recurso de posts populares.
Escolha um Widget de Posts Populares Tema
Depois de ativar e configurar o plugin, vá para Insights » Posts Populares no painel do WordPress. Em seguida, clique no item de menu 'Widget de Posts Populares'.
Rolando para baixo, você precisará selecionar um tema para exibir o widget de posts populares. Existem várias opções.
Alguns incluem uma imagem destacada para a postagem, enquanto alguns são mais minimalistas.
Se você quiser ver como o tema fica antes de fazer sua escolha, basta descer a página até a seção de Pré-visualização do Tema.
Você também pode pré-visualizar o tema em formato Largo ou Estreito. Com o formato Largo, você verá suas postagens listadas sob o conteúdo da página ou postagem, enquanto o formato Estreito exibe as postagens no lado direito, como uma barra lateral.
Em seguida, vamos rolar para baixo até a seção 'Personalizar Design'. Aqui, você pode modificar as cores do tema, o tamanho da fonte, o layout e a contagem de postagens a serem exibidas.
As opções de personalização aqui podem variar dependendo do tema que você usa. Portanto, certifique-se de explorar os diferentes temas para ver qual deles se adapta melhor a você.
Configurar o Comportamento do Widget de Posts Populares
Depois de configurar o design do tema, você deve ir para a seção Comportamento. É aqui que você controlará como o widget de posts populares aparecerá em seu site WordPress.
Nas configurações de Estilo do Widget, você pode escolher usar o design que você fez acima ou optar por não estilizar o widget. Com a segunda opção, o widget seguirá o CSS do tema do seu site WordPress.
Em seguida, você pode escolher como o widget deve selecionar seus posts mais populares. Para este tutorial, escolha 'Com curadoria', mas você também pode exibir os posts mais populares com base no número de comentários.
O que você precisa fazer a seguir é habilitar a opção ‘Adicionar os 5 Posts Principais do Google Analytics’ abaixo. Mas antes de fazer isso, você precisará do MonsterInsights Dimensions Add-On e adicionar o tipo de post como uma nova dimensão personalizada.
Isso permitirá que o MonsterInsights escolha os posts mais populares com base nos dados do Google Analytics.
Para fazer isso, você precisa baixar o MonsterInsights Dimensions Add-on e instalá-lo como um plugin no WordPress. Para instruções passo a passo, confira nosso guia sobre como instalar um plugin do WordPress.
Em seguida, vá para Insights » Configurações e mude para a aba ‘Conversões’. Depois disso, clique em ‘Adicionar Nova Dimensão Personalizada’.
Assim que terminar, selecione ‘Tipo de post’ no menu suspenso.
Isso permitirá que o MonsterInsights rastreie o desempenho dos seus posts de blog e outros tipos de post personalizados.
Agora, basta retornar para Insights » Posts Populares e ir para ‘Widget de Posts Populares’.
Simplesmente ative o botão de alternância ‘Adicionar os 5 Posts Principais do Google Analytics’. Em seguida, clique em ‘Testar Posts Automatizados’ para ver se a configuração foi bem-sucedida.
Se sim, você verá uma mensagem de sucesso aparecer.
Deverá dizer: ‘Os dados dos Posts Populares podem ser buscados corretamente. Por favor, note: dependendo de quando você configurou as configurações de Dimensões Personalizadas, pode levar até 7 dias para ver os dados relevantes de Posts Populares sendo carregados do Google Analytics.’
Passando para os próximos passos, você agora pode adicionar um título que aparecerá acima do widget. Pode ser algo como ‘Confira Nossos Posts Mais Populares’ ou qualquer coisa semelhante.
Abaixo disso, você pode escolher se o widget deve ser exibido em todos os tipos de postagem, ser excluído de postagens específicas e/ou aparecer apenas em certas categorias de postagem.
Essas configurações são úteis se você criou tipos de postagem personalizados além das postagens de blog e acha que o widget de postagens populares parecerá irrelevante lá.
Uma das últimas etapas é incorporar o widget de postagens populares. Existem várias opções: colocá-lo automaticamente, usar um bloco Gutenberg, adicioná-lo como um widget de barra lateral ou usar um shortcode.
Vamos analisar cada opção uma por uma.
Incorporar o Widget de Postagens Populares Automaticamente
A Colocação Automática é recomendada se você quiser que o widget apareça em todas as postagens que correspondem às configurações de Comportamento que você definiu anteriormente.
Para isso, tudo o que você precisa fazer é ativar o botão Colocação Automática.
A desvantagem desta opção é que você não pode ajustar o design do widget com base no que fica melhor na postagem ou página. Se você precisar desse tipo de funcionalidade, poderá tentar o próximo método.
Incorpore o Bloco de Posts Populares a uma Página ou Postagem
Se você deseja ter mais controle sobre como o widget aparece em uma página ou postagem, este método é para você.
Primeiro, vá para o editor de blocos da postagem ou página onde você deseja que o widget esteja. Depois disso, clique no botão ‘+’ para adicionar um bloco em qualquer lugar do editor e procure pelo bloco de Posts Populares.
No painel de configurações do Bloco, você verá que existem opções para alterar o tema do widget, tamanho da fonte, cores, título, layout e contagem de posts.
Essas configurações são semelhantes às que vimos no plugin MonsterInsights.
A única diferença é que você não pode alterar quais posts são escolhidos no widget.
Dito isso, nas Configurações de Comportamento, é possível exibir apenas posts de certas categorias. Dessa forma, você pode tornar as escolhas de posts populares mais adequadas às suas necessidades.
Assim que estiver satisfeito com as configurações do bloco, basta clicar no botão ‘Atualizar’ no editor de postagens e páginas.
Veja como o bloco de Posts Populares aparece em nosso site de teste:
Incorpore o Widget de Posts Populares a uma Barra Lateral
Se você estiver usando um tema WordPress que não seja de blocos e que tenha uma área de barra lateral pronta para widgets, você pode adicionar o widget de Posts Populares a ela. Foi isso que fizemos em nosso artigo como adicionar posts em destaque na sua barra lateral do WordPress.
Tudo o que você precisa fazer é ir em Aparência » Widgets. Em seguida, clique no botão ‘+’ para adicionar um widget na área da Barra Lateral e procure pelo widget Posts Populares – MonsterInsights.
Assim como no método anterior, o widget inclui configurações semelhantes para personalizar a aparência do seu tema.
O que é diferente é que a interface é um pouco mais complicada de usar. Ao alterar as configurações, você não consegue ver como o widget realmente fica. Você terá que clicar em um widget diferente ou em outra área para visualizá-lo.
Se você estiver satisfeito com a aparência do widget, basta clicar em ‘Atualizar’ no canto superior direito.
Certifique-se de ir ao seu site para verificar se a barra lateral está correta.
Veja como o nosso fica:
Se você quiser que o widget Posts Populares apareça apenas em páginas específicas, então você pode ler nosso guia sobre como mostrar ou ocultar widgets em páginas específicas do WordPress.
Incorpore o Widget de Posts Populares Com um Shortcode
A última opção é usar um shortcode. Este método é recomendado se as opções acima não funcionarem para o seu caso de uso específico.
Na aba Widget de Posts Populares, role até o final da seção ‘Opções de Incorporação’. Em seguida, escolha ‘Exibir usando um Shortcode’ e clique no botão ‘Copiar Shortcode’.
Depois disso, simplesmente coloque o shortcode onde quiser. Para mais informações, confira nosso guia sobre como adicionar shortcodes no WordPress.
Método 2: Exibir Posts Populares do WordPress por Visualizações com Código (Mais Avançado)
O método MonsterInsights é a maneira mais fácil de exibir seu conteúdo mais popular e melhor por visualizações no WordPress. Mas se você se sente confortável com codificação, então você também pode usar código para mostrar seus posts mais populares do WordPress.
Para este método, recomendamos o uso de um plugin de trechos de código como o WPCode, que é o que usaremos neste guia.
O WPCode torna seguro inserir código personalizado sem interagir diretamente com seus arquivos do WordPress. Além disso, como este método requer o uso de vários trechos de código, o plugin tornará o gerenciamento e o rastreamento de todos eles muito mais fáceis.
Primeiro, você precisa instalar o WPCode no WordPress. Uma versão gratuita do WPCode está disponível, mas usaremos a versão Pro, pois ela vem com os recursos que precisamos para inserir o código nos locais corretos.
Para um guia de instalação passo a passo, leia nosso artigo sobre como instalar um plugin do WordPress.
Adicionar Função de Contador de Visualizações de Posts do WordPress
Após a ativação do plugin, você precisa ir para Code Snippets » + Add Snippet no painel. Em seguida, passe o mouse sobre ‘Add Your Custom Code (New Snippet)’ e clique em ‘+ Add Custom Snippet.’
Agora, você está dentro do editor de snippets de código do WPCode. Antes de inserir qualquer código, adicione um título para o snippet.
Para este primeiro código, você pode nomeá-lo algo como ‘Função de Contador de Visualizações de Posts do WordPress’. Isso ocorre porque o propósito deste primeiro código é criar uma função para contar as visualizações de posts no WordPress.
Em seguida, altere o Tipo de Código para ‘PHP Snippet’. Observe que todo snippet de código que você terá que adicionar deste artigo está em PHP.
Depois disso, você pode copiar e colar o seguinte código abaixo:
function wpb_set_post_views($postID) {
$count_key = 'wpb_post_views_count';
$count = get_post_meta($postID, $count_key, true);
if($count==''){
$count = 0;
delete_post_meta($postID, $count_key);
add_post_meta($postID, $count_key, '0');
}else{
$count++;
update_post_meta($postID, $count_key, $count);
}
}
//Get rid of prefetching to keep the count accurate
remove_action( 'wp_head', 'adjacent_posts_rel_link_wp_head', 10, 0);
Agora, basta rolar para baixo até a seção ‘Insertion’ e selecionar ‘Auto Insert’ para o Método de Inserção e ‘Run Everywhere’ para a Localização. Isso funciona da mesma forma que inserir o código no arquivo functions.php do seu tema.
Depois disso, navegue até o canto superior direito da página e ative o código.
Em seguida, clique em ‘Save Snippet.’
Nesta etapa, você precisa adicionar outro novo trecho de código personalizado. Você pode nomear este como ‘Track Post Views Function Call.’
Este código chamará a função acima e a ativará em suas páginas de postagem única.
Assim que terminar, copie e cole o seguinte trecho:
wpb_set_post_views(get_the_ID());
O que há de diferente neste trecho de código é que você escolherá a localização ‘Insert After Post’ (Inserir Após Postagem), pois ele deve ser executado em suas páginas de postagem única.
Quando terminar, basta ativar o código e salvá-lo.
Inserir Hook de Rastreamento de Visualizações de Postagem do WordPress
Agora, você precisa adicionar um novo trecho de código que verifica se a página atual é uma postagem única. Se for, ele chamará a Função do Contador de Visualizações de Postagem do WordPress para rastrear e atualizar a contagem de visualizações da postagem.
Dessa forma, toda vez que um usuário visitar a postagem, sua contagem de visualizações será atualizada.
Vamos nomear este trecho como ‘WordPress Post Views Tracking Hook.’ Em seguida, insira as seguintes linhas de código:
function wpb_track_post_views ($post_id) {
if ( !is_single() ) return;
if ( empty ( $post_id) ) {
global $post;
$post_id = $post->ID;
}
wpb_set_post_views($post_id);
}
add_action( 'wp_head', 'wpb_track_post_views');
Você pode escolher o método de inserção como ‘Auto Insert’ (Inserção Automática) e a localização como ‘Frontend Only’ (Somente Frontend).
Assim como nas etapas anteriores, basta ativar o código e salvar o trecho.
Observação: Se você estiver usando um plugin de cache, esta técnica pode não funcionar por padrão. Você pode usar o recurso de cache de fragmentos oferecido por alguns plugins de cache como o W3 Total Cache para fazê-lo funcionar.
Adicionar Funções para Recuperar Contagem de Visualizações de Postagem e Exibir Postagens Mais Populares com Contagem de Visualizações
Estamos agora nas etapas finais deste guia. Você precisa adicionar um trecho de código que recupera e formata o número de visualizações de uma determinada postagem do WordPress. Isso será útil mais tarde ao exibir a lista de postagens mais visualizadas.
Você pode nomear este código como ‘Função de Recuperar Contagem de Visualizações de Postagens’ e definir a localização como ‘Executar em Todos os Lugares’.
Aqui está o trecho de código:
function wpb_get_post_views($postID){
$count_key = 'wpb_post_views_count';
$count = get_post_meta($postID, $count_key, true);
if($count==''){
delete_post_meta($postID, $count_key);
add_post_meta($postID, $count_key, '0');
return "0 View";
}
return $count.' Views';
}
Novamente, certifique-se de ativar o código no WPCode e salvá-lo depois.
Depois de fazer isso, crie um novo trecho de código novamente e nomeie-o ‘Exibir Postagens Mais Populares com Contagem de Visualizações’. Este é o código que mostrará suas postagens mais populares no final das suas postagens de blog.
Na caixa de Visualização de Código, insira o seguinte trecho:
// Customize the query parameters as needed
$popularpost = new WP_Query( array(
'posts_per_page' => 3, // Feel free to adjust the number of posts to display
'meta_key' => 'wpb_post_views_count',
'orderby' => 'meta_value_num',
'order' => 'DESC'
));
?>
<div class="popular-posts">
<h2>See Our Most Popular Posts</h2> <!-- Feel free to customize the title -->
<ul>
<?php while ( $popularpost->have_posts() ) : $popularpost->the_post(); ?>
<li>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
- <?php echo wpb_get_post_views(get_the_ID()); ?>
</li>
<?php endwhile; ?>
</ul>
</div>
<?php wp_reset_postdata();
Conforme observado no código, sinta-se à vontade para ajustar o número de posts a serem exibidos e personalizar o título desta seção.
Na seção Inserção do WPCode, certifique-se de selecionar ‘Inserir após o post’ para a Localização. Em seguida, ative o código e salve o snippet.
Tudo o que resta a fazer agora é visitar um dos seus posts do blog e ver se o código funciona. Veja como a seção de posts mais populares por visualizações se parece em nosso blog WordPress de teste:
Dica de especialista: Se você deseja personalizar ainda mais o código, mas não tem experiência em codificação, pode usar o Gerador de Código IA do WPCode para ajudá-lo. Este recurso pode editar seu código existente para atender às suas necessidades exatas.
Para mais informações, confira nossa análise completa do WPCode.
Tutorial em Vídeo
Se você prefere instruções visuais, assista à versão em vídeo deste tutorial abaixo:
Esperamos que este tutorial do WordPress tenha ajudado você a aprender como exibir posts populares por visualizações. Você também pode querer conferir nossa seleção especializada dos melhores plugins de posts relacionados para WordPress e nosso artigo sobre o que torna uma página de destino de alta conversão.
Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Joe
Eu uso a versão do código, mas a modifiquei para funcionar diariamente. Funcionou muito bem no início, mas agora os mesmos posts recebem aproximadamente a mesma quantidade de tráfego todos os dias, então a lista nunca muda. O Google Analytics relata uma lista diferente das 5 primeiras, então não acho que seja tráfego legítimo. Adicionei "nofollow" aos links. Você tem alguma ideia do que pode estar causando o problema?
WPBeginner Support
The code method is not set up to reset the count older than a certain date like a plugin would at the moment. That would require more code than we would recommend as a beginner site which is why we recommend using the plugin
Admin
Mrteesurez
Acho que seria mais fácil usar um plugin, talvez o MonsterInsights ou outro, pois é direto ao ponto do que usar código personalizado, mas o problema é que não acho que usar o MonsterInsights mostrará as contagens de visualizações??
WPBeginner Support
O MonsterInsights não mostraria a contagem de visualizações por padrão se é isso que você quer incluir com seus posts populares.
Admin