Daca nu folosesti un plugin pentru AMP (Accelerated Mobile Pages) sau tema WordPress nu iti ofera prea multe variante de personalizare, in acest tutorial o sa inveti cum excluzi functii sau reclame pe mobile in WordPress.
Asemanatoare „is_404()„, WordPress ofera si o functie destinata accesarii de pe telefoanele mobile. Elementele din modul mobile responsive pentru WordPress, pot fi controlate cu functia „wp_is_mobile()„.
Poti astfel sa decizi daca anumite coduri de reclame, scripturi PHP, functii sau alte elemente, doresti sau nu sa apara pe telefoanele mobile.
Cum faci sa apara sau sa excluzi functii sau reclame pe mobile in WordPress
Sa luam scenariul in care avem in paginile blogului un cod de reclame AdSense care apare automat dupa al doilea paragraf. Codul care sa faca posibila afisarea codului AdSense, este plasat in fisierul functions.php al temei si arata de 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 );
}
In cazul in care doresti ca reclama AdSense din functia de mai sus sa nu apara si pe telefoanele mobile, pe linia „if ( is_single() ){„, adaugi functia „wp_is_mobile()” in forma aceasta:
if ( is_single() && ! wp_is_mobile() ){Salvezi fisierul si testezi in browser pe telefon. O sa vezi ca reclama AdSense din interiorul articolului, nu mai apare pentru device-urile mobile.
Atentie! Daca vrei sa testezi de la calculator, in modul „responsive„, este foarte posibil ca reclama sa apara in continare. Pe desktop este necesar sa folosesti tool pentru developeri si sa schimbi „User Agent” pentru mobile.
Semnul „!” din fata wp_is_mobile(), spune ca functia care urmeaza, sa nu se execute pe mobile.
La fel de bine poti adauga elemente care sa apara numai pe telefoanele mobile, adaugand doar „if ( wp_is_mobile() ){ …”. Te poti juca cu aceasta functie sa adaugi sau sa excluzi functii sau reclame pe mobile.
