Shuriken 4

  2. Home
  4. Shuriken 4
  6. Tutorial Pemasangan Kode Iklan adsterra di Blogger, WordPress, Netlify dan Hugo

Tutorial Pemasangan Kode Iklan adsterra di Blogger, WordPress, Netlify dan Hugo

Kami disini untuk membantu

Jika ente ada kesulitan dengan panduan yang ada, jangan ragu untuk tanya2 sob. Ente bisa:

Adsense merupakan network untuk monetise web / blog yang paling populer untuk blogger. Di luar adsense, kita punya beberapa alternatif network lain yang bisa kita gunakan untuk mendapatkan pundi-pundi dolar dari web, salah satunya yakni adsterra. Berikut cara pemasangan kode iklan adsterra untuk blogger, wordpress, hugo dan netlify.

Masukkan email ente biar ga ketinggalan info terbaru

Join 15.4K other subscribers

Dapatkan kode iklan adsterra

1. Login ke akun adsterra

2. Di tab website, pastikan sudah punya web yang approved untuk menampilkan iklan adsterra

3. Klik Add code

4. Di layar berikutnya, tentukan ads unit yang diinginkan (1), hilangkan campaign yang tidak diinginkan (2), kemudian klik Add (3)

5. Klik All Codes

6. Di layar berikutnya, klik Get Code

7. Copy kode iklan yang sudah siap digunakan (1), dan simpan di notepad

Pasang kode iklan adsterra di Blogger

1. Login ke akun Blogger

2. Pilih blog yang diinginkan

3. Pilih theme (1), Lalu pilih customize (2) Pilih edit html (3)

4. Letakkan kode iklan adsterra di bawah <head>

Kemudian simpan perubahan

Pasang kode iklan adsterra di WordPress

1. Login ke wordpress

2. Di dashboard utama wordpress, pilih appearance (1), kemudian pilih theme editor (2)

3. Pilih theme yang digunakan (1), kemudian pilih theme header (2)

4. Taruh kode iklan di bawah <head> (1), kemudian klik update file (2)

Pasang kode iklan adsterra di Netlify

1. Login ke akun netlify

2. Di dashboard utama pilih tab sites (1), pilih website yang diinginkan (2)

3. Di langkah berikutnya silahkan pilih site settings (1)

4. Di layar berikutnya, geser mouse ke bawah dan pilih build & deploy (1)

5. Geser mouse ke bawah,  temukan Post processing (1), kemudian klik Add snippet (2)

6. Langkah selanjutnya pilih insert before <head> (1), isikan dengan nama bebas (2) , paste kode iklan di dalam kolom yang tersedia (3), kemudian klik Save (4)

Pasang kode iklan adsterra di Netlify via Hugo

Untuk pemasangan kode iklan adsterra di netlify via hugo, maka kita perlu mengedit theme hugo yang ada di localhost untuk kemudian kita deploy ulang. Berikut langkahnya.

1. Buka windows explorer, pindah ke direktori hugo – bin – namaproject

2. Pada tutorial ini, kami menggunakan theme hugo-theme-minos. Silahkan pilih folder themes – kemudian masuk ke folder hugo-theme-minos

 

3. Masuk ke folder layouts – partials (1), kemudian buka file head dengan software notepad++ (2)

 

4. Letakkan kode adsterra di bawah <head>, kemudian simpan perubahan

5. Buka terminal /cmd, pindah ke direktori hugo – bin – nama-project

6. Lanjutkan dengan perintah

hugo

7. Login ke akun netlify dengan cara ketik

netlify login

perintah ini akan membuka halaman login netlify

8. Silahkan klik Authorize

9. Tampilan di terminal setelah berhasil login

10. Pindah ke direktori hugo/bin/nama-project dengan perintah

cd ..

11. Pindah ke direktori hugo/bin/nama-project/public dengan perintah

cd public

12. Mulai deploy ke netlify dengan perintah

netlify deploy

13. Kemudian pilih (1)

link this directory to an exiting site

kemudian pilih nama site yang akan diupdate (2)

14. Tekan titik (.) di keyboard , kemudian enter

15. Lanjut dengan perintah (1)

netlify deploy –prod

kemudian tekan tombol titik (.) (2)

16. Berhasil deploy ulang web netlify dengan kode iklan adsterra di dalamnya

Kami disini untuk membantu

Jika ente ada kesulitan dengan panduan yang ada, jangan ragu untuk tanya2 sob. Ente bisa: