BAB 4 ADS & AFFILIATES

Salah satu kelebihan website yang dibangun dengan Joomla adalah kemudahan terintegrasi dengan extensions yang dikembangkan oleh pihak ketiga sehingga website dapat dikembangkan secara bertahap tanpa merusak sistem yang lama. Penambahan fasiltas seperti Banner tidaklah sulit, cukup menginstal extensions tersebut maka asilitas banner dengan pengaturan tampilan dapat dikelola secara mudah. Pada bagian ini, akan dibahas berbagai bentuk banner yang terintegrasi dengan sistem Joomla. Masing-masing extensions banner memiliki kelebihan dan kekurangan namun dapat berfungsi secara normal. Setelah memahami berbagai bentuk banner, diharapkan dapat memilih salah bentuk banner sesuai keinginan. Dalam prakteknya, berbagai jenis banner tersebut dapat ditampilkan secara bersama-sama atau memilih yang terbaik. Selain membahas masalah banner, pada bagian ini akan mengupas juga masalah sistem perekrutan karyawan secara online (lowongan kerja) dan penyedia iklan (advertising). Dalam sistem Jobline Recruitmen Online, pihak perusahaan dapat membuat informasi lowongan kerja sedangkan pencari kerja dapat langsung menghubungi perusahaan tersebut melalui email. 157

Jika ingin membangun website penyedia layanan iklan gratis (advertising provider) dapat ditemukan dalam pembahasan ini pula. Semuanya akan dibahas secara detail, berawal dari proses instalasi, mengatur konfigurasi, hingga menampilkan iklan dalam website. Daripada penasaran, ikuti pembahasan berikut secara seksama!.

4.1 Banner Slider

Iklan (Banner) merupakan sarana untuk mempromosikan suatu insitusi agar dikenal oleh masyarakat tentang produk maupun jasa yang ditawarkan melalui pihak lain. Ajang promosi dapat dilakukan melalui media elektronik (televisi atau radio), media cetak (koran, majalah, brosur, pamflet, dll), maupun berbasis web. Promosi melalui website lebih efektif dibandingkan melalui media lain, karena sasarannya jelas, calon customer lebih banyak, dan yang terpenting adalah biaya lebih murah. Ketika menggunakan jasa periklanan melalui web, pastikan website tempat Anda memasang iklan memiliki rating tinggi. Semakin tinggi rating (jumlah pengunjung), maka peluang keberhasilan juga tinggi namun biayanya tentu saja lebih mahal. Selain rating, sasaran pengunjug juga harus jelas. Sebagai contoh, jika ingin mempromosikan lembaga pendidikan komputer sebaiknya memasang iklan di website http://ilmukomputer.org karena sebagian besar pengunjung adalah pengguna komputer yang rata-rata per hari dapat mencapai 10.000. Atau jika ingin mempromosikan poduk CD multimedia, knowledge management, maupun memanfaatkan website http://pdii.lipi.go.id. Sebagai pengelola website menggunakan Joomla, fasilitas untuk menampilkan banner sudah ada ketika pertama kali menginstal Joomla. 158 web developer dapat

Namun tampilannya masih sangat sederhana, sehingga kurang diminati banyak orang. Bagaimana cara menampilkan iklan agar lebih interaktif, impresif, dan dinamis? Tidak perlu khawatir, para pengembang Joomla sudah membuat beberapa fasilitas untuk menampilkan banner yang lebih informatif dan kreatif dengan berbagai macam pilihan transisi (fade, scroll, move, dan lain-lain). Berikut ini salah satu module untuk menampilkan banner yaitu: Banner Slider. Dalam menampilkan banner, terdapat tiga pilihan yaitu : berdasarkan ID Banner, ID Client, dan ID Category. Untuk lebih jelasnya, ikuti petunjuk berikut ini. 1. Pertama kali, pilih menu Extensions > Install/Uninstall.

Gambar 4.1 Menu untuk instalasi

2. Klik tombol Browse untuk menentukan file yang akan di-install.

Gambar 4.2 Tombol Browse

159

3. Temukan sebuah file mod_bannerslider_v0.2.2.zip yang tersedia dalam CD buku ini.

Gambar 4.3 Memilih file yang akan diupload

4. Klik tombol Upload & Install untuk menginstal extensions tersebut

Gambar 4.4 Mulai proses instalasi

5. Tunggu beberapa saat hingga proses instalasi selesai. Setelah berhasil akan muncul pesan bahwa instalasi telah berhasil.

Gambar 4.5 Instalasi module telah berhasil

6. Untuk mengelola banner, pastikan telah mengupload gambar banner ke dalam folder images/banner. Jika belum mengupload gambar ikuti petunjuk berikut, pilih menu Site > Media Manager. 160

Gambar 4.6 Menu Media Manager

7. Halaman Media Manager akan muncul.

Gambar 4.7 Tampilan halaman Media Manager

161

8. Selanjutnya, klik folder banners.

Gambar 4.8 Mengaktifkan folder banners

9. Nampak beberapa banner yang telah diupload..

Gambar 4.9 Beberapa file banner yang sudah diupload

10. Untuk mengupload file gambar, klik tombol Browse yang berada di bagian paling bawah.

162

Gambar 4.10 Tombo Browse untuk menentukan lokasi file banner

11. Pilih salah satu gambar yang akan diupload.

Gambar 4.11 Salah satu contoh banner yang akan diupload

12. Klik tombol Start Upload.

Gambar 4.12 Proses upload file

13. Tunggu beberapa saat hingga proses upload selesai, jika berhasil akan muncul informasi.

163

Gambar 4.13 Sebuah file banner berhasil diupload

14. Beberapa gambar banner yang telah diupload.

Gambar 4.14 Beberapa file banner yang sudah diupload lengkap dengan informasi dimensi tiap banner

15. Langkah selanjutnya adalah mengelola banner, namun sebaiknya membuat kategori (Category) dan klien (Client) agar lebih mudah dalam pengelolaanya. Pilih menu Component > Banner > Categories. Lihat Gambar 4.15. 16. Nampak beberapa kategori yang telah disediakan oleh sistem Joomla! Lihat Gambar 4.16.

164

Gambar 4.15 Membuat kategori iklan

Gambar 4.16 Beberapa kategori yang telah ada

17. Untuk membuat kategori baru, klik tombol New.

165

Gambar 4.17 Tombol untuk membuat kategori baru

18. Pada bagian Details, masukkan nama kategori dan aliasnya.

Gambar 4.18 Informasi kategori baru

19. Jika sudah selesai, klik tombol Save untuk menyimpan perubahan.

Gambar 4.19 Tombol Save untuk menyimpan

20. Sebuah kategori baru telah berhasil dibuat. Perhatikan ID masingmasing Category tersebut karena akan berguna ketika menggunakan module Banner Slider

166

Gambar 4.20 Beberapa kategori banner yang telah dibuat

21. Untuk membuat kategori baru, ulagi tahap ke 17. 22. Langkah selanjutnya adalah membuat klien agar mudah dalam memonitor beberapa banner. Bisa saja seorang klien dapat memiliki beberapa banner. Aktifkan tab Clients

Gambar 4.21 Tab Clients

23. Nampak sebuah Client yang telah disediakan oleh sistem Joomla! Untuk membuat daftar klien baru, klik tombol New. Lihat Gambar 4.22. 24. Masukkan beberapa informasi yang dibutuhkan, setelah selesai klik tombol Save. Lihat Gambar 4.23.

167

Gambar 4.22 Tombol New untuk membuat Client baru

Gambar 4.23 Informasi detail Clients

25. Klien baru sudah berhasil dibuat, ulangi langkah ke 23 untuk membuat klien baru. Perhatikan ID masing-masing Client tersebut karena akan berguna ketika menggunakan module Banner Slider.

Gambar 4.24 Beberapa Client yang telah dibuat

26. Kini saatnya mengatur iklan, pilih tab Banners.

168

Gambar 4.25 Tab Banner

27. Nampak beberapa daftar banner yang telah dibuat oleh sistem Joomla.

Gambar 4.26 Beberapa banner yang telah disediakan Joomla

28. Untuk membuat banner baru, klik tombol New.

Gambar 4.27 Tombol New untuk membuat banner baru

29. Pada bagian Details, masukkan beberapa informasi yang dibutuhkan. Untuk kolom Impressions Purchased, masukan angka jika ingin 169

membatasi jumlah hits sehingga banner tidak aka ditampilkan lagi jika sudah sampai batas tersebut. Beri tanda centang pada pilihan Unlimited jika jumlah hits tidak dibatasi.

Gambar 4.28 Informasi detail untuk banner baru

30. Pada bagian Banner Images Selection, pilih gambar iklan yang sesuai dengan klien tersebut. Lihat Gambar 4.29. 31. Klik tombol Save jika sudah mengisi beberapa pengaturan. Lihat Gambar 4.30. 32. Sebuah banner telah berhasil dibuat, perhatikan nomor ID masingmasing Banner karena akan digunakan pada saat mengatur module Banner Sider. Lihat Gambar 4.31.

170

Gambar 4.29 Menentukan gambar banner

Gambar 4.30 Tombol Save untuk menyimpan banner

Gambar 4.31 Sebuah banner baru telah berhasil dibuat

33. Ulangi langkah ke 28 jika ingin membuat banner baru.

171

34. Langkah selanjutnya mengatur module Banner Slider, pilih menu Extensios > Module Manager.

Gambar 4.32 Menu Module Manager

35. Temukan module Banner Slider, lalu klik module tersebut untuk mengeditnya.

Gambar 4.33 Module Banner Slider

36. Pada bagian Details, aturlah sesuai nampak pada gambar berikut. Perlu diperhatikan, untuk posisi banner (Position) tergantung template yang digunakan (penulis menggunakan template = JA_Purity). Lihat Gambar 4.34. 37. Pada bagian Menu Assignmet, tentukan di halaman apa saja banner tersebut muncul. Jika mengatur tampilan pada menu tertentu, klik salah satu menu lalu tekan tombol Ctrl dan pilih menu lainnya. Lihat Gambar 4.35. 172

Gambar 4.34 Mengaktfikan dan mengatur posisi Banner Slider

Gambar 4.35 Menentukan lokasi banner yang akan ditampilkan

38. Pada bagian Parameters, pilih salah satu atau beberapa metode penampilan banner. Dapat menggunakan ID Categoruy, ID Client, atau ID Banner. Untuk mengetahui ID tersebut, periksa kembali pada pembahasan sebelumnya. Pilih salah satu efek transisi yang digunakan, atur dimensi (width dan height) banner sesuai aslinya, tentukan pula waktu (delay) antara banner yang satu dengan yang

173

lainnya dalam milisecond (3000 = 3 detik). Pengaturan lainnya dapat disesuaikan dengan kebutuhan.

Gambar 4.36 Mengatur tampilan banner berdasarkan nomor ID klien

39. Jika telah selesai mengatur beberapa Parameters, klik tombol Save untuk menyimpan perubahan.

174

Gambar 4.37 Tombol Save untuk menyimpan pengaturan Banner Slider

40. Hasilnya akan nampak pada halaman utama (Frontpage) atau ketika memilih menu yang telah diatur pada Menu Assignment sebelumnya.

Gambar 4.38 Beberapa contoh banner yang ditampilkan secara random

4.2 Flex Banner

Sistem kerja ekstensi ini cukup sederhana namun memiliki beberapa kelebihan karena tersedia berbagai fasilitas diantaranya: batas waktu banner, pembatasan jumlah hits, pengaturan ukuran banner, dan lain-lain.

175

4.7.9 Menampilkan Iklan Acak

Iklan yang sering dilihat orang menjadi suatu hal yang istimewa karena mengindikasikan bahwa iklan tersebut sangat diminati pengunjung. Untuk menampilkan iklan paling populer, ikuti petunjuk berikut 1. Diasumsikan masih berada di halaman Module Manager, temukan module POPULAR ADS lalu beri tanda centang.

Gambar 4.251 Memberi tanda centan pada moduleiklan terpopuler

2.

Klik tombol Copy.

Gambar 4.252 Tombol Copy

3.

Editlah module hasil duplikasi tersebut.

Gambar 4.253 Mengedit module hasil duplikasi

4.

Pada bagian Details, atur seperti nampak pada gambar berikut. Jika perlu, sesuaikan posisi (Position) menurut keinginan Anda. 277

Gambar 4.254 Mengaktifkan dan mengatur posisi module iklan acak (random ads)

5.

Pada bagian Parameters, masukkan informasi seperti nampak pada gambar berikut.

Gambar 4.255 Mengatur parameter module iklan acak (random ads)

6.

Setelah selesai, klik tombol Save untuk menyimpan perubahan.

278

Gambar 4.256 Tombol Save

7.

Hasilnya nampak di halaman utama website Anda.

Gambar 4.257 Tampilan module iklan acak

279