Hvordan ekskludere funksjoner eller annonser på mobil i WordPress

Hvis du ikke bruker en plugin for AMP (Accelerated Mobile Pages) eller WordPress-temaet ikke tilbyr deg mange tilpasningsmuligheter, vil du i denne opplæringen lære hvordan du ekskluderer funksjoner eller annonser på mobil i WordPress.

Lignende "is_404()", tilbyr WordPress også en funksjon beregnet for tilgang fra mobiltelefoner. Elementene i den responsive mobilmodulen for WordPress kan styres med "wp_is_mobile()".

Du kan dermed bestemme om du vil at bestemte annonsekoder, PHP-skript, funksjoner eller andre elementer skal vises på mobiltelefoner.

Hvordan vise eller ekskludere funksjoner eller annonser på mobil i WordPress

La oss ta scenariet der vi har en AdSense-annonseringskode på bloggsidene som vises automatisk etter andre avsnitt. Koden som gjør det mulig å vise koden AdSense, er plassert i filen functions.php av temaet og viser formen:

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 );
}

Hvis du vil at AdSense-annonsen fra funksjonen ovenfor ikke skal vises på mobiltelefoner, på linjen "if ( is_single() ){", legg til funksjon"wp_is_mobile()" i denne formen:

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

Lagre filen og test i telefonens nettleser. Du vil se at AdSense-annonsen i artikkelen ikke lenger vises for mobile enheter.

Hvordan ekskludere funksjoner eller annonser på mobil i WordPress

Forsiktig! Hvis du vil teste fra datamaskinen, i "responsive", er det meget mulig at annonsen vises i containeren. På skrivebordet er det nødvendig å bruke utviklerverktøyet og endre "User Agent" for mobil.

Skiltet "!"forfra wp_is_mobile(), sier at følgende funksjon ikke skal utføres på mobile enheter.

Du kan også legge til elementer som bare vises på mobiltelefoner, bare å legge til "if ( wp_is_mobile() ){ …”. Du kan spille med denne funksjonen for å legge til eller ekskludere funksjoner eller annonser på mobil.

Lidenskapelig opptatt av alt som betyr dingser, operativsystemer, WordPress, JavaScript, har jeg skrevet med glede på stealthsettings.com siden 2006, og jeg liker å oppdage nye ting om macOS, Linux, Windows, iOS og Android operativsystemer. Jeg utforsker WordPress, WooCommerce og webserveroptimalisering for nettbutikker og pressenettsteder.

Legg igjen en kommentar

Your Mastodon Instance