Como excluir recursos ou anúncios no celular no WordPress

Se você não usa um plugin para AMP (Accelerated Mobile Pages) ou o tema WordPress não oferece muitas opções de personalização, neste tutorial você aprenderá como excluir funções ou anúncios em dispositivos móveis no WordPress.

Semelhante"is_404()", o WordPress também oferece uma função destinada ao acesso a partir de celulares. Os elementos no módulo móvel responsivo para WordPress podem ser controlados com o botão "wp_is_mobile()“.

Assim, você pode decidir se deseja ou não que determinados códigos de publicidade, scripts PHP, funções ou outros elementos apareçam em telefones celulares.

Como mostrar ou excluir recursos ou anúncios no celular no WordPress

Vamos pegar o cenário em que temos um código de publicidade do AdSense nas páginas do blog que aparece automaticamente após o segundo parágrafo. O código que permite exibir o código adsense, é colocado no arquivo functions.php do tema e mostra a forma:

add_filter( 'the_content', 'prefix_insert_post_ads' );
  
function prefix_insert_post_ads( $content ) {
    
  $ad_code = '<div>
  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-YOUR-CA-PUB"
   crossorigin="anonymous"></script>
  <div style="padding-top:5px;"></div>
    <ins class="adsbygoogle"
       style="display:block"
       data-ad-client="ca-pub-YOUR-CA-PUB"
       data-ad-slot="AD-SLOT"
       data-ad-format="auto"
       data-full-width-responsive="true"></ins>
  <script>
       (adsbygoogle = window.adsbygoogle || []).push({});
  </script>
  <div style="padding-bottom:15px;"></div>
  </div>';
  
  if ( is_single() ){
    return prefix_insert_after_paragraph( $ad_code, 2, $content );
  }
    
  return $content;
}
   
function prefix_insert_after_paragraph( $insertion, $paragraph_id, $content ) {
  $closing_p = '</p>';
  $paragraphs = explode( $closing_p, $content );
  foreach ($paragraphs as $index => $paragraph) {
  
    if ( trim( $paragraph ) ) {
      $paragraphs[$index] .= $closing_p;
    }
  
    if ( $paragraph_id == $index + 1 ) {
      $paragraphs[$index] .= $insertion;
    }
  }
    
  return implode( '', $paragraphs );
}

Se você deseja que o anúncio do AdSense da função acima não apareça em telefones celulares, na linha "if ( is_single() ){", adicionar função"wp_is_mobile()” neste formulário:

if ( is_single() && ! wp_is_mobile() ){

Salve o arquivo e teste no navegador do telefone. Você verá que o anúncio do AdSense dentro do artigo não aparece mais para dispositivos móveis.

Como excluir recursos ou anúncios no celular no WordPress

Cuidadoso! Caso queira testar pelo computador, em "responsive", é bem possível que o anúncio apareça no container. Na área de trabalho é necessário usar a ferramenta de desenvolvedor e alterar "User Agent” para celular.

O sinal "!" Da frente wp_is_mobile(), diz que a seguinte função não deve ser executada em dispositivos móveis.

Você também pode adicionar elementos que aparecerão apenas em celulares, basta adicionar "if ( wp_is_mobile() ){ …”. Você pode jogar com esta função para adicionar ou excluir funções ou anúncios no celular.

Apaixonado por tudo que significa gadgets, sistemas operacionais, WordPress, JavaScript, escrevo com prazer no stealthsettings.com desde 2006 e gosto de descobrir coisas novas sobre os sistemas operacionais macOS, Linux, Windows, iOS e Android. Eu exploro com sucesso WordPress, WooCommerce e otimização de servidor web para lojas online e sites de imprensa.

Deixe um comentário

Your Mastodon Instance