Cara Mudah Menambahkan Spanduk Aplikasi Cerdas di WordPress

Diterbitkan: 2023-08-04


Apakah Anda ingin menambahkan spanduk aplikasi pintar di WordPress?

Spanduk cerdas adalah cara mudah untuk mempromosikan aplikasi seluler Anda dan membuat pengunjung mengunduhnya. Jika pengguna iOS sudah memiliki aplikasi Anda, spanduk akan mendorong mereka untuk membuka aplikasi demi pengalaman pengguna yang lebih baik.

Pada artikel ini, kami akan menunjukkan cara menambahkan spanduk aplikasi pintar ke WordPress.

How to add smart app banners in WordPress (easy)

Mengapa Menambahkan Spanduk Aplikasi Cerdas di WordPress?

Banyak pemilik situs web membuat aplikasi seluler pendamping tempat pengunjung dapat menelusuri konten mereka dengan cara yang dioptimalkan untuk seluler.

Karena aplikasi ini dirancang untuk perangkat seluler, sering kali aplikasi ini memberikan pengalaman pengguna yang lebih baik. Anda juga dapat menampilkan pengingat, konten yang dipersonalisasi, penawaran, pembaruan, dan lainnya menggunakan pemberitahuan push seluler. Semua ini berarti lebih banyak keterlibatan, konversi, dan penjualan.

Jika Anda belum memiliki aplikasi seluler, Anda dapat melihat panduan lengkap kami tentang cara mengubah situs WordPress menjadi aplikasi seluler.

Anda dapat mendorong pengguna iPhone dan iPad untuk mengunduh aplikasi seluler Anda menggunakan spanduk aplikasi pintar. Ini adalah spanduk yang muncul di bagian atas layar saat pengguna iOS mengunjungi situs Anda menggunakan browser Safari.

An example of a smart app banner on a WordPress website

Pengunjung dapat mengeklik spanduk untuk mengunduh aplikasi Anda dari App Store. Jika pengunjung sudah memiliki aplikasi Anda, maka banner akan meminta mereka untuk membuka aplikasi tersebut. Dengan cara ini, Anda bisa mendapatkan lebih banyak unduhan dan keterlibatan.

Jika pengunjung menggunakan perangkat non-Apple atau browser web lain, maka WordPress akan menyembunyikan banner tersebut secara otomatis.

Misalnya, gambar berikut menunjukkan situs web yang sama di browser seluler Chrome.

A hidden smart app banner.

Oleh karena itu, mari kita lihat bagaimana Anda dapat menambahkan spanduk aplikasi pintar di WordPress. Cukup gunakan tautan cepat di bawah untuk langsung menuju ke metode yang ingin Anda gunakan:

Metode 1: Menggunakan WPCode (Tampilkan Spanduk Aplikasi Cerdas di WordPress)

Cara termudah untuk menambahkan spanduk aplikasi pintar ke situs WordPress Anda adalah dengan menggunakan WPCode. Plugin gratis ini memungkinkan Anda menampilkan banner yang sama di setiap halaman dan postingan menggunakan satu baris kode.

Oleh karena itu, WPCode adalah pilihan sempurna jika Anda ingin mempromosikan satu aplikasi iOS. Namun, jika Anda ingin menampilkan spanduk berbeda di halaman berbeda, sebaiknya gunakan metode 2.

Saat menambahkan kode khusus ke WordPress, beberapa panduan akan meminta Anda untuk mengedit file function.php situs Anda. Kami tidak menyarankan hal ini, karena kesalahan ketik atau kesalahan kecil saja dapat menyebabkan kesalahan umum WordPress atau bahkan membuat situs Anda tidak dapat diakses.

Dengan menggunakan WPCode, Anda dapat menambahkan kode khusus ke WordPress tanpa risiko apa pun. Anda juga dapat mengaktifkan dan menonaktifkan cuplikan kode dengan mengklik tombol.

Pertama, Anda perlu menginstal dan mengaktifkan plugin WPCode gratis. Untuk instruksi lebih lanjut, silakan lihat panduan pemula kami tentang cara menginstal plugin WordPress.

Setelah aktivasi, buka Cuplikan Kode »Tambahkan Cuplikan . Selanjutnya, klik tombol 'Gunakan Cuplikan' di bawah opsi 'Tambahkan Kode Kustom Anda (Cuplikan Baru)'.

Adding an iOS smart app banner to WordPress

Ini akan membawa Anda ke halaman 'Buat Cuplikan Khusus', tempat Anda dapat mengetikkan nama untuk cuplikan kode tersebut. Ini hanya untuk referensi Anda, jadi Anda bisa menggunakan apa pun yang Anda inginkan.

Setelah itu, buka dropdown 'Jenis Kode' dan pilih 'Cuplikan HTML'.

Creating an Apple app banner using WPCode

Untuk langkah selanjutnya, Anda perlu mengetahui ID aplikasi Anda.

Untuk mendapatkan informasi ini, buka tab browser baru dan buka halaman Alat Pemasaran Layanan Apple. Di sini, ketikkan nama aplikasi yang ingin Anda promosikan dan klik ikon 'Cari'.

The App Marketing Tools website

Untuk melihat semua aplikasi iOS yang cocok dengan istilah pencarian Anda, cukup gulir ke bagian 'Aplikasi'.

Di sini, temukan aplikasi yang ingin Anda promosikan dan klik.

Getting the app ID for an iPhone or iPad iOS app

Di bagian bawah layar, Anda akan melihat 'Tautan Konten'.

ID aplikasi adalah nilai antara id dan ?. Anda akan memerlukan informasi ini pada langkah berikutnya, jadi biarkan tab ini terbuka atau catat ID aplikasinya.

An Apple App ID

Sekarang Anda memiliki ID aplikasi, beralih kembali ke dashboard WordPress. Anda sekarang dapat menambahkan cuplikan berikut ke dalam editor kode, mengganti ID aplikasi dengan informasi yang Anda dapatkan di langkah sebelumnya:

<meta name="apple-itunes-app" content="app-id=12345678">

Setelah selesai, Anda harus menggulir ke kotak 'Sisipkan'. Jika belum dipilih, klik 'Sisipkan Otomatis' lalu pilih 'Header Lebar Situs' dari menu tarik-turun.

Adding custom code to the WordPress theme header

Jika Anda sudah siap, gulir ke bagian atas halaman dan alihkan tombol 'Tidak Aktif' ke 'Aktif'.

Terakhir, cukup klik tombol 'Simpan Cuplikan' untuk menyimpan perubahan Anda.

Publishing a smart app banner to WordPress

Sekarang, spanduk aplikasi pintar akan muncul di situs WordPress Anda.

Cara Menguji Kode Banner Aplikasi Cerdas di WordPress

Cara terbaik untuk menguji spanduk aplikasi pintar adalah dengan mengunjungi situs web Anda di perangkat iOS menggunakan aplikasi seluler Safari. Faktanya, spanduk aplikasi pintar tidak akan muncul jika Anda mencoba melihat versi seluler situs WordPress Anda dari desktop.

Jika Anda perlu memeriksa dengan cepat apakah cuplikan kode berfungsi, salah satu solusinya adalah dengan menggunakan alat Inspeksi browser Anda. Ini memungkinkan Anda melihat apakah kode <meta name> telah dimasukkan ke bagian <head> situs Anda, yang menunjukkan bahwa kode tersebut berfungsi seperti yang diharapkan.

Untuk melakukan ini, buka halaman atau postingan mana pun di blog WordPress Anda. Lalu, klik kanan di mana saja pada halaman dan pilih 'Periksa'.

The Google Chrome Inspect tool

Panel baru akan terbuka, menampilkan semua kode situs.

Cukup temukan bagian <head> dan klik panahnya untuk memperluas.

Apple app code in the WordPress header

Sekarang, cari kode <meta name="apple-itunes-app"> yang Anda tambahkan pada langkah sebelumnya.

Jika Anda melihat kode ini, spanduk aplikasi pintar akan muncul di perangkat iOS.

Testing the Apple smart app banner code

Metode 2: Menggunakan Spanduk Aplikasi Cerdas (Tambahkan Spanduk ke Halaman dan Postingan Tertentu)

Terkadang, Anda mungkin ingin hanya mempromosikan aplikasi di halaman dan postingan tertentu. Misalnya, Anda biasanya tidak akan menampilkan spanduk aplikasi pintar di laman penjualan dan laman landas karena spanduk tersebut mungkin mengalihkan perhatian dari ajakan bertindak utama.

Anda bahkan mungkin ingin menampilkan spanduk berbeda di berbagai bagian situs web Anda. Misalnya, jika Anda seorang pemasar afiliasi, Anda mungkin memiliki daftar aplikasi yang ingin Anda promosikan.

Dalam hal ini, kami merekomendasikan penggunaan plugin Smart App Banner. Plugin ini memungkinkan Anda menampilkan spanduk berbeda di halaman berbeda dan menyertakan data afiliasi di spanduk tersebut. Fitur-fitur ini menjadikannya plugin yang bagus untuk pemasar afiliasi.

Pertama, Anda perlu menginstal dan mengaktifkan plugin Smart App Banner. Jika Anda memerlukan bantuan, silakan lihat panduan kami tentang cara menginstal plugin WordPress.

Setelah aktivasi, Anda dapat menambahkan spanduk aplikasi ke halaman atau postingan tertentu, beranda WordPress, atau di seluruh situs web Anda.

Untuk memulai, mari kita lihat pengaturan aplikasi. Di sini, Anda dapat menambahkan spanduk ke setiap halaman dan memposting atau menambahkan spanduk aplikasi pintar ke beranda Anda saja.

Untuk memulai, buka Pengaturan » Spanduk Aplikasi Cerdas dan ketikkan nilai aplikasi ke dalam bidang 'ID Aplikasi'.

Adding an app ID to a WordPress plugin

Anda bisa mendapatkan informasi ini dengan mengikuti proses yang sama yang dijelaskan dalam Metode 1.

Jika Anda menggunakan pemasaran afiliasi untuk menghasilkan uang dari blog online, Anda dapat mengetikkan token afiliasi Anda ke dalam bidang 'Data afiliasi'. Informasinya akan bervariasi, jadi Anda mungkin perlu masuk ke portal afiliasi Anda atau berbicara dengan mitra Anda untuk mendapatkan token yang tepat.

Setelah itu, Anda dapat mencentang kotak 'Tampilkan di semua halaman' atau membiarkannya tidak dicentang. Jika Anda membiarkan kotak ini tidak dicentang, maka spanduk aplikasi hanya akan muncul di beranda Anda.

Showing a smart app banner across your WordPress blog or website

Bila Anda puas dengan pengaturan spanduk, cukup klik tombol 'Simpan Perubahan' untuk menayangkannya.

Apakah Anda ingin menambahkan spanduk aplikasi pintar ke halaman dan postingan tertentu? Ini memungkinkan Anda mengontrol dengan tepat di mana spanduk muncul di situs web Anda.

Misalnya, jika Anda seorang pemasar afiliasi, Anda dapat mempromosikan aplikasi yang berbeda di halaman yang berbeda dan kemudian menggunakan Google Analytics untuk melihat spanduk mana yang mendapatkan konversi paling banyak.

Untuk melakukan ini, cukup buka halaman atau postingan tempat Anda ingin menambahkan spanduk. Sekarang, temukan bagian 'Smart App Banner' baru di editor konten WordPress.

Adding a smart app banner to a WordPress page or post

Di sini, cukup tambahkan ID aplikasi dan informasi afiliasi opsional dengan mengikuti proses yang sama seperti yang dijelaskan di atas.

Bila Anda puas dengan informasi yang Anda masukkan, cukup klik 'Perbarui' atau 'Terbitkan' agar perubahan Anda diterapkan.

An example of a smart app banner on a WordPress blog or website

Kemudian, Anda cukup mengulangi langkah-langkah ini untuk menambahkan spanduk aplikasi pintar ke lebih banyak postingan dan halaman WordPress.

FAQ Tentang Menambahkan Spanduk Aplikasi Cerdas di WordPress

Dalam panduan ini, kami menunjukkan cara mempromosikan aplikasi seluler Anda di postingan dan halaman tertentu atau di seluruh situs WordPress Anda.

Jika Anda masih memiliki pertanyaan, berikut adalah FAQ utama kami tentang cara menambahkan spanduk cerdas ke situs WordPress Anda.

Apa itu spanduk aplikasi pintar?

Spanduk aplikasi pintar muncul di bagian atas browser web Safari dan memberi pengguna opsi untuk membuka aplikasi atau mengunduhnya dari Apple App Store.

Karena dibuat oleh Apple, spanduk aplikasi pintar memiliki desain konsisten yang dikenali oleh banyak pengguna iOS. Mereka hanya muncul kepada orang-orang yang menggunakan iPhone dan iPad yang menjalankan iOS 6 atau lebih tinggi.

Mengapa saya tidak dapat melihat spanduk aplikasi pintar di desktop?

Spanduk aplikasi pintar tidak akan muncul di komputer desktop, meskipun Anda melihat versi seluler situs Anda.

Untuk melihat spanduk beraksi, Anda perlu mengunjungi situs Anda di iPhone atau iPad menggunakan aplikasi seluler Safari.

Mengapa saya tidak dapat melihat spanduk aplikasi pintar di iPhone atau iPad saya?

Spanduk aplikasi pintar hanya muncul di perangkat yang menjalankan iOS 6 atau lebih tinggi saat Anda menggunakan aplikasi seluler Safari. Jika Anda tidak melihat spanduk aplikasi pintar, Anda harus mulai dengan memeriksa apakah Anda memiliki versi terbaru iOS dan aplikasi seluler Safari.

Spanduk aplikasi pintar juga mendeteksi apakah perangkat dapat mendukung aplikasi tersebut dan apakah aplikasi tersebut tersedia di lokasi Anda. Jika Anda tidak melihat spanduk aplikasi pintar, kemungkinan perangkat Anda gagal dalam salah satu pemeriksaan ini.

Mengapa spanduk aplikasi pintar menghilang di Safari?

Jika Anda menutup banner dengan mengklik tombol 'x', maka banner tersebut tidak akan muncul lagi secara default.

Tergantung pada perangkat seluler Anda, Anda mungkin perlu membuka tab browser pribadi, menghapus cache atau cookie, atau melakukan beberapa tindakan lain untuk mengatur ulang pengaturan Anda.

Kami harap artikel ini membantu Anda mempelajari cara menambahkan spanduk aplikasi pintar di WordPress. Anda mungkin juga ingin melihat panduan kami tentang cara menambahkan pemberitahuan push web ke situs WordPress Anda atau pilihan ahli kami untuk plugin popup WordPress terbaik.

Jika Anda menyukai artikel ini, silakan berlangganan Saluran YouTube kami untuk tutorial video WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.