BAB 4 ADS & AFFILIATES

Transkripsi

1 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

2 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 karena sebagian besar pengunjung adalah pengguna komputer yang rata-rata per hari dapat mencapai Atau jika ingin mempromosikan poduk CD multimedia, knowledge management, maupun web developer dapat memanfaatkan website Sebagai pengelola website menggunakan Joomla, fasilitas untuk menampilkan banner sudah ada ketika pertama kali menginstal Joomla. 158

3 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

4 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

5 Gambar 4.6 Menu Media Manager 7. Halaman Media Manager akan muncul. Gambar 4.7 Tampilan halaman Media Manager 161

6 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

7 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

8 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 Nampak beberapa kategori yang telah disediakan oleh sistem Joomla! Lihat Gambar

9 Gambar 4.15 Membuat kategori iklan Gambar 4.16 Beberapa kategori yang telah ada 17. Untuk membuat kategori baru, klik tombol New. 165

10 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

11 Gambar 4.20 Beberapa kategori banner yang telah dibuat 21. Untuk membuat kategori baru, ulagi tahap ke 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 Masukkan beberapa informasi yang dibutuhkan, setelah selesai klik tombol Save. Lihat Gambar

12 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

13 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

14 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 Klik tombol Save jika sudah mengisi beberapa pengaturan. Lihat Gambar Sebuah banner telah berhasil dibuat, perhatikan nomor ID masingmasing Banner karena akan digunakan pada saat mengatur module Banner Sider. Lihat Gambar

15 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

16 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 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

17 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

18 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

19 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

20 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 Memberi tanda centan pada moduleiklan terpopuler 2. Klik tombol Copy. Gambar Tombol Copy 3. Editlah module hasil duplikasi tersebut. Gambar Mengedit module hasil duplikasi 4. Pada bagian Details, atur seperti nampak pada gambar berikut. Jika perlu, sesuaikan posisi (Position) menurut keinginan Anda. 277

21 Gambar Mengaktifkan dan mengatur posisi module iklan acak (random ads) 5. Pada bagian Parameters, masukkan informasi seperti nampak pada gambar berikut. Gambar Mengatur parameter module iklan acak (random ads) 6. Setelah selesai, klik tombol Save untuk menyimpan perubahan. 278

22 Gambar Tombol Save 7. Hasilnya nampak di halaman utama website Anda. Gambar Tampilan module iklan acak 279