Start » WordPress » Generalno » Google AdSense na WordPress – kako?

Google AdSense na WordPress – kako?

U ovom članku daću korak-po-korak uputstvo za postavljanje Google AdSense reklama na WordPress sajt – bez instaliranja dodatnih plaginova!
Ako vam je aktiviran Ad-Blocker, sike ovog članka koje u imenu sadrže reč “AdSense” se možda neće prikazati. 🙂


Sadržaj:

  1. Šta je to Google AdSense?
  2. Aktiviranje Google AdSense za vaš sajt
  3. Google AdSense Auto ads
  4. Politika privatnosti (GDPR i CCPA)
  5. Ručno postavljanje AdSense reklama
    5.1. Konfigurisanje i postavljanje Display ads
    5.2. Konfigurisanje i dodavanje Matched content-a
  6. Reklame za Google AMP
  7. Zaključak


1. Šta je to Google AdSense?

Ukratko: Google stavlja reklame na vaš sajt – automatski, ili na mesta koja vi odredite – a vi dobijate novac za uzvrat.

To je jedan od načina monetizacije vašeg sajta.

U članku o svom Google AdSense eksperimentu, ukratko sam objasnio i kako se prijavljuje za Google AdSense. Ovde ću objasniti tehnički deo – kako da Google reklame prorade na vašem sajtu.

Podrazumeva se da već imate kreiran AdSense nalog (vidite link iznad za više detalja).

– Sadržaj –


2. Aktiviranje Google AdSense za vaš sajt

Kada vam Google odobri prijavu za AdSense, trebalo bi da je sajt sa kojim ste se prijavili već aktivan. Za svaki slučaj, slika ispod pokazuje kako se dodaje sajt (dodavanjem domena, ili pod-domena):

Dodavanje sajta na vaš Google AdSense account
Dodavanje sajta na vaš Google AdSense account
Slika 1

Dok ste u tom meniju, idite na “Account -> Account information” i zapišite svoj “Publisher ID” – trebaće nam za naredni korak.

Zapišite (copy/paste) svoj Google AdSense publisher ID
Zapišite (copy/paste) svoj Google AdSense publisher ID
Slika 2

Sada ubacite sledeći kod u functions.php fajl svoje child teme (kako napraviti WordPress child temu?):

// BEGIN Google Auto Ads
function ns_google_autoads() { ?>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXXXXX"
     crossorigin="anonymous"></script>
<?php
}

add_action( 'wp_head', 'ns_google_autoads', 10 );
// END Google Auto Ads

Zamenite “pub-XXXXXXXXXXXXXXXX” svojim Publisher ID-em.

Sada je vaš AdSense kod ubačen u zaglavlje (head) vašeg sajta.

Ovo rešenje radi stabilnije i brže od korištenja plagina za dodavanje Google AdSense. Nemojte koristiti plagine za stvari koje se lako reše sa malo koda.

Čestitam – Vaš sajt je sada spreman za prikazivanje AdSense reklama! 🙂
U narednom poglavlju objasniću kako da ih postavite na sajt.

– Sadržaj –


3. Google AdSense Auto ads

Google može automatski postavljati reklame na vaš sajt, tamo gde proceni da je najbolje. Na mojim sajtovima je ovo davalo do 30 % više zarada u odnosu na ručno postavljanje reklama. Nije mi se sviđalo što sa ovom opcijom ima previše reklama na sajtu (između paragrafa članaka i slično), pa sam je ukinuo, ali ovde dajem objašnjenje za one koji je žele probati (ručno postavljanje objašnjavam u 4. poglavlju).

Za više detalja o ovome – vidite moj Google AdSense eksperiment.

Slika ispod prikazuje kako se dolazi do menija za aktiviranje & podešavanje Auto ads:

Dolaženje do opcija za podešavanje Auto ads
Dolaženje do opcija za podešavanje Auto ads
Slika 3

Oavde možete aktivirati Auto ads:

Aktiviranje i podešavanje AdSense Auto ads
Aktiviranje i podešavanje AdSense Auto ads
Slika 4

Označene brojem 3 na slici iznad su opcije za podešavanje koje vrste reklama se žele prikazivati i u kolikom broju. Dosta su jasne pa ih neću objašnjavati – možete se igrati sa njima i gledati šta koja radi u “preview” ekranu sa leve strane.

– Sadržaj –


4. Politika privatnosti (GDPR i CCPA)

U istom ovom meniju sa slike iznad, možete namestiti da Google šalje one iritirajuće “Cookie consent” GDPR i CCPA poruke. Bolje od dodavanja posebnog plagina za to na vašem sajtu:

Konfigurisanje pop-up poruke za GDPR i CCPA cookie saglasnost i privatnost
Konfigurisanje pop-up poruke za GDPR i CCPA cookie saglasnost i privatnost
Slika 5

Ja sam ovo pogasio za sada – mrzim te iritirajuće iskačuće poruke o kolačićima. Izabrao sam koristiti samo stranicu politike privatnosti svojih sajtova i isključiti prikazivanje personalizovanih Google reklama:

Opcije za to se nalaze u meniju:
Content -> All sites> -> Manage Ad serving:

Ljubazna molba Guglu da bude manje Gugl :) (isključivanje cookies za praćenje posetilaca)
Ljubazna molba Guglu da bude manje Gugl 🙂 (isključivanje cookies za praćenje posetilaca)
Slika 6

Moje lično mišljenje je da GDPR i ostale te začkoljice uopšte ne ometaju velike korporacije (ni bezbednosne službe) od nadziranja ljudi, samo iritiraju posetioce i komplikuju život vlasnicima sajtova.

Ažuriranje: zakonodavci su zvanično izgubili vezu sa zdravim razumom onog momenta kad su nas naterali da u sred dana vozimo sa upaljenim svetlima. Uglavnom, izgleda da nema načina da se izbegnu dosadni pop-upovi i besmislena GDPR/CCPA regulativa.

– Sadržaj –


5. Ručno postavljanje AdSense reklama

Gugl nudi više različitih formata reklama. Po mom mišljenju i iskustvu, sledeća dva imaju smisla:

  • Display ads – reklame različitih veličina i oblika (četvrtaste, horizontalne i vertikalne) koje se postave na željeni deo sajta.
  • Matched content – Google preporuka sadržaja vašeg sajta, uz nekoliko reklama ubačenih između.

Ako hoćete i reklame između pasusa članaka, preko ekrana na mobilnom i slično, najbolje samo aktivirajte Auto ads i ništa ne brinite.

– Sadržaj –


5.1. Konfigurisanje i postavljanje Display ads

Hajde sad da napravimo jedan display ad i postavimo ga na sajt:

Kreiranje AdSense Display reklame
Kreiranje AdSense Display reklame
Slika 7

Sada dajemo ima našoj reklami (“Plata-o-plomo” u ovom slučaju) i podešavamo njen oblik:

Konfigurisanje naše reklame
Konfigurisanje naše reklame
Slika 8

Nakon što kliknete na “Create,” dobićete kod za prikaz te reklame. Ako ga ne zapišete (copy/paste), uvek ga možete ponovo videti klikom na dugme:

Prikaz koda reklame
Prikaz koda reklame
Slika 9

Ovako izgleda kod iz našeg primera:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXXXX"
     crossorigin="anonymous"></script>
<!-- Plata-o-plomo -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-XXXXXXXXXXXXXXX"
     data-ad-slot="YYYYYYYYYYY"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Ako ste ubacili kod u zaglavlje sajta kako sam objasnio u poglavlju 2, izbacite boldovani deo koda pre ubacivanja koda na sajt! Nema potrebe ubacivati taj kod više puta, samo će praviti probleme i usporavati vam sajt.

Reklamu možemo ubaciti ovde u sred teksta, dodavanjem “Custom HTML” Gutenberg bloka sa kodom reklame u sebi. Ovako to izgleda (ako vam je uključen AdBlocker, videćete samo prazan pasus):



Na isti način (“Custom HTML” blok) možete reklame dodati i u vidžete (Widgets), kao i druge delove sajta.

– Sadržaj –


5.2. Konfigurisanje i dodavanje Matched content-a

Možemo dodati i Google Matched content na sličan način:

Kreiranje Google Matched content reklame
Kreiranje Google Matched content reklame
Slika 10

Sad možemo dati ime i odrediti da li želimo i reklame sa našim sadržajem:

Konfigurisanje naše Google Matched content reklame
Konfigurisanje naše Google Matched content reklame
Slika 11

Evo i koda, koji ćemo ubaciti u “Custom HTML” blok, izbacujući boldovani deo:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXXXX"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-XXXXXXXXXXXXXXX"
     data-ad-slot="YYYYYYYYYYY"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Ovako ta reklama izgleda na sajtu (ako vam je aktivan AdBlocker, onda ćete videti prazan pasus):



– Sadržaj –


6. Reklame za Google AMP

U posebnim člancima pisao sam već o AMP tehnologiji:

Da biste dodali AdSense reklame na AMP verziju stranica svog sajta, ubacite ovaj kod u functions.php fajl svoje WordPress child teme:

// BEGIN ads for amp - goes into footer
$print_amp_auto_ads = function() {
	$ad_client = 'ca-pub-XXXXXXXXXXXXXXXX';
	if ( function_exists( 'is_amp_endpoint' ) && is_amp_endpoint() ) {
		?>
		<amp-auto-ads type="adsense" data-ad-client="<?php echo esc_attr( $ad_client ); ?>"></amp-auto-ads>
		<?php
	}
};
// For Paired/Native mode.
add_action( 'wp_footer', $print_amp_auto_ads );
// END ads for amp - goes into footer

Naravno, umesto “pub-XXXXXXXXXXXXXXXX” stavite svoj Publisher ID (kako je prikazan na slici 2).

Sa AMP-om nemate kontrolu gde se reklame smeštaju. Kada dodate ovaj kod, Google će stavljati reklame gde on misli da je najbolje (na AMP verzijama stranica, naravno).

– Sadržaj –


7. Zaključak

Google AdSense nalog mi je odobren kada sam imao manje od 50 kvalitetnih članaka na sajtu. Postoji mnoštvo drugih sličnih platformi za monetizaciju, ali su sve one tražile da sajt ima određen, dosta visok, broj poset(ilac)a mesečno. Google je jedini koji je novčano pomagao moj rad od starta.

Kažu da druge platforme plaćaju dosta više. Moguće. Nisam probao.
Razumem da Google uzima sebi između 30 i 50 % profita od reklama – ne shvatam zašto su druge platforme insistirale na ogromnom broju poseta i šta su mislili da će izgubiti saradnjom sa BikeGremlin – ali to je njihova stvar.

– Sadržaj –

Komentiraj

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.