Birçok uygulama geliştiricisi bize şu soruyu soruyor: Mobil uygulamalarımızı doğrudan WordPress sitemizden tanıtmanın bir yolu var mı? Cevap evet ve düşündüğünüzden daha kolay.
Bunu yapmanın en basit yollarından biri akıllı uygulama banner’larıdır. Bu şık küçük banner’lar iPhone ve iPad’lerde görüntülendiğinde web sitenizin üst kısmında sorunsuz bir şekilde görünür ve ziyaretçileri nazikçe uygulamanızı indirmeye ya da zaten sahiplerse açmaya teşvik eder.
Akıllı uygulama banner’ları indirmeleri artırmak, kullanıcıların ilgisini canlı tutmak ve sorunsuz bir mobil deneyim sağlamak için harika bir yoldur. Daha fazlasını öğrenmek istiyorsanız, WordPress sitenize eklemek için 2 kolay yöntem bulduk.
WordPress’e Neden Akıllı Uygulama Banner’ları Eklemelisiniz?
Birçok web sitesi sahibi, ziyaretçilerin içeriklerine mobil cihazlar için optimize edilmiş bir şekilde göz atabilecekleri tamamlayıcı bir mobil uygulama oluşturur.
Bu uygulamalar mobil cihazlar için tasarlandığından, genellikle daha iyi bir kullanıcı deneyimi sağlarlar. Ayrıca mobil anlık bildirimleri kullanarak hatırlatıcılar, kişiselleştirilmiş içerik, teklifler, güncellemeler ve daha fazlasını gösterebilirsiniz. Tüm bunlar daha fazla etkileşim, dönüşüm ve satış anlamına gelir.
Halihazırda bir mobil uygulamanız yoksa, bir WordPress web sitesini bir mobil uygulamaya nasıl dönüştürebileceğinize dair eksiksiz kılavuzumuza bakabilirsiniz.
Akıllı uygulama banner’ı kullanarak iPhone ve iPad kullanıcılarını mobil uygulamanızı indirmeye teşvik edebilirsiniz. Bu, bir iOS kullanıcısı Safari tarayıcısını kullanarak sitenizi ziyaret ettiğinde ekranın üst kısmında görünen bir banner’dır.
Ziyaretçiler, uygulamanızı App Store’dan indirmek için banner’a tıklayabilirler. Ziyaretçi zaten uygulamanıza sahipse, banner bunun yerine uygulamayı açmalarını isteyecektir. Bu şekilde, daha fazla uygulama indirmesi ve etkileşim elde edebilirsiniz.
Ziyaretçi Apple olmayan bir cihaz veya farklı bir web tarayıcısı kullanıyorsa, WordPress banner’ı onlardan otomatik olarak gizleyecektir.
Örneğin, aşağıdaki görüntü aynı web sitesini Chrome mobil tarayıcısında göstermektedir.
Bununla birlikte, WordPress’te akıllı uygulama banner’larını nasıl ekleyebileceğinizi görelim. Kullanmak istediğiniz yönteme doğrudan atlamak için aşağıdaki hızlı bağlantıları kullanmanız yeterlidir:
Yöntem 1: WPCode Kullanma (WordPress’te Akıllı Uygulama Banner’ı Gösterme)
WordPress web sitenize akıllı uygulama bannerları eklemenin en kolay yolu WPCode kullanmaktır. Bu ücretsiz eklenti, bir satır kod kullanarak her sayfada ve yazıda aynı banner’ı göstermenizi sağlar.
Bunu göz önünde bulundurarak, tek bir iOS uygulamasını tanıtmak istiyorsanız WPCode mükemmel bir seçimdir. Ancak, farklı sayfalarda farklı banner’lar göstermek istiyorsanız, bunun yerine yöntem 2’yi kullanmanızı öneririz.
WordPress’e özel kod eklerken, bazı kılavuzlar sitenizin functions.php dosyasını düzenlemenizi isteyecektir. Küçük bir yazım hatası veya hata bile yaygın WordPress hatalarına neden olabileceğinden ve hatta sitenizi erişilemez hale getirebileceğinden bunu önermiyoruz.
WPCode kullanarak, WordPress tema dosyalarınıza herhangi bir risk olmadan özel kod ekleyebilirsiniz. Ayrıca bir düğmeye tıklayarak kod parçacıklarını etkinleştirebilir ve devre dışı bırakabilirsiniz.
Öncelikle, ücretsiz WPCode eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla talimat için lütfen bir WordPress eklentisinin nasıl kurulacağına ilişkin yeni başlayanlar kılavuzumuza bakın.
Etkinleştirmenin ardından, Kod Parçacıkları ” Parçacık Ekle‘ye gidin. Ardından, ‘Özel Kodunuzu Ekleyin (Yeni Snippet)’ seçeneğinin altındaki ‘Snippet Kullan’ düğmesine tıklayın.
Bu sizi kod parçacığı için bir ad yazabileceğiniz ‘Özel Snippet Oluştur’ sayfasına götürecektir. Bu sadece referans içindir, bu nedenle istediğiniz herhangi bir şeyi kullanabilirsiniz.
Bundan sonra, ‘Kod Türü’ açılır menüsünü açın ve ‘HTML Snippet’i seçin.
Bir sonraki adım için başvurunuzun kimliğini bilmeniz gerekecektir.
Bu bilgileri almak için yeni bir tarayıcı sekmesi açın ve Apple Hizmetleri Pazarlama Araçları sayfasına gidin. Burada, tanıtmak istediğiniz uygulamanın adını yazın ve ‘Ara’ simgesine tıklayın.
Arama teriminizle eşleşen tüm iOS uygulamalarını görmek için ‘Uygulamalar’ bölümüne kaydırmanız yeterlidir.
Burada, tanıtmak istediğiniz uygulamayı bulun ve bir tıklama yapın.
Ekranın alt kısmında bir ‘İçerik Bağlantısı’ göreceksiniz.
Uygulama kimliği id ve ? arasındaki değerdir. Bu bilgiye bir sonraki adımda ihtiyacınız olacak, bu nedenle ya bu sekmeyi açık bırakın ya da uygulama kimliğini not edin.
Artık uygulama kimliğine sahip olduğunuza göre, WordPress kontrol paneline geri dönün. Artık aşağıdaki kod parçacığını kod düzenleyiciye ekleyebilir ve uygulama kimliğini bir önceki adımda elde ettiğiniz bilgilerle değiştirebilirsiniz:
<meta name="apple-itunes-app" content="app-id=12345678">
Bunu yaptıktan sonra, ‘Ekleme’ kutusuna gitmelisiniz. Zaten seçili değilse, ‘Otomatik Ekle’ye tıklayın ve ardından açılır menüden ‘Site Genelinde Üstbilgi’yi seçin.
Hazır olduğunuzda, sayfanın en üstüne gidin ve ‘Etkin Değil’ anahtarını ‘Etkin’ olarak değiştirin.
Son olarak, değişikliklerinizi kaydetmek için ‘Snippet’i Kaydet’ düğmesine tıklayın.
Şimdi, akıllı uygulama banner’ı WordPress web sitenizde görünecektir.
WordPress’te Akıllı Uygulama Banner Kodu Nasıl Test Edilir?
Akıllı uygulama banner’ını test etmenin en iyi yolu, Safari mobil uygulamasını kullanarak web sitenizi bir iOS cihazında ziyaret etmektir. Aslında, WordPress sitenizin mobil sürümünü masaüstünden görüntülemeye çalıştığınızda bile akıllı uygulama banner’ı görünmeyecektir.
Kod parçacığının çalışıp çalışmadığını hızlı bir şekilde kontrol etmeniz gerekiyorsa, tarayıcınızın Inspect aracını kullanmak geçici bir çözümdür. Bu araç, <meta name>
kodunun sitenizin <head> bölümüne
eklenip eklenmediğini görmenizi sağlar, bu da beklendiği gibi çalıştığını gösterir.
Bunu yapmak için WordPress blogunuzdaki herhangi bir sayfaya veya yazıya gidin. Ardından, sayfada herhangi bir yere sağ tıklayın ve ‘İncele’yi seçin.
Sitenin tüm kodlarını gösteren yeni bir panel açılacaktır.
Basitçe <head>
bölümünü bulun ve genişletmek için okuna tıklayın.
Şimdi, bir önceki adımda eklediğiniz <meta name="apple-itunes-app">
kodunu bulun.
Bu kodu görürseniz, akıllı uygulama banner’ı iOS cihazlarda görünmelidir.
Yöntem 2: Akıllı Uygulama Banner’ını Kullanma (Belirli Sayfalara ve Yazılara Banner Ekleme)
Bazen uygulamaları yalnızca belirli sayfalarda ve gönderilerde tanıtmak isteyebilirsiniz.
Bu durumda Smart App Banner eklentisini kullanmanızı öneririz. Bu eklenti, farklı web sayfalarında farklı bannerlar göstermenize ve bu bannerlara satış ortaklığı verilerini eklemenize olanak tanır. Bu özellikler onu satış ortaklığı pazarlamacıları için harika bir eklenti haline getiriyor.
Öncelikle Smart App Banner eklentisini yüklemeniz ve etkinleştirmeniz gerekecektir. Yardıma ihtiyacınız varsa, lütfen bir WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza bakın.
Etkinleştirmenin ardından, belirli sayfalara veya gönderilere, WordPress ana sayfasına veya web sitenizin tamamına bir uygulama banner’ı ekleyebilirsiniz.
Başlamak için uygulamanın ayarlarına bakalım. Burada, her sayfaya ve gönderiye bir banner ekleyebilir veya yalnızca yüksek dönüşüm sağlayan açılış sayfalarına akıllı uygulama banner’ı ekleyebilirsiniz.
Başlamak için Ayarlar ” Akıllı Uygulama Banner ‘ına gidin ve uygulamanın değerini ‘Uygulama Kimliği’ alanına yazın.
Bu bilgiyi Yöntem 1’de açıklanan aynı süreci izleyerek elde edebilirsiniz.
Çevrimiçi blog yazarak para kazanmak için satış ortaklığı kullanıyorsanız, satış ortaklığı belirtecinizi ‘Satış ortaklığı verileri’ alanına yazabilirsiniz. Bilgiler farklılık gösterebilir, bu nedenle doğru belirteci almak için satış ortaklığı portalınıza giriş yapmanız veya ortaklarınızla konuşmanız gerekebilir.
Bundan sonra, ‘Tüm sayfalarda göster’ kutusunu işaretleyebilir ya da işaretlemeden bırakabilirsiniz. Kutuyu işaretlemeden bırakırsanız, uygulama banner’ı yalnızca ana sayfanızda görünecektir.
Afişin kurulumundan memnun olduğunuzda, afişi canlı hale getirmek için ‘Değişiklikleri Kaydet’ düğmesine tıklamanız yeterlidir.
Bunun yerine belirli sayfalara ve gönderilere akıllı uygulama banner’ı mı eklemek istiyorsunuz? Bu, banner’ın web sitenizde tam olarak nerede görüneceğini kontrol etmenizi sağlar.
Örneğin, bir satış ortağı pazarlamacısıysanız, farklı sayfalarda farklı uygulamaları tanıtabilir ve ardından hangi banner’ların en çok dönüşüm sağladığını görmek için Google Analytics ‘i kullanabilirsiniz.
Bunu yapmak için, banner eklemek istediğiniz sayfayı veya yazıyı açmanız yeterlidir. Şimdi, WordPress içerik düzenleyicisinde yeni ‘Akıllı Uygulama Afişi’ bölümünü bulun.
Burada, yukarıda açıklanan aynı süreci izleyerek uygulama kimliğini ve isteğe bağlı bağlı ortaklık bilgilerini eklemeniz yeterlidir.
Girdiğiniz bilgilerden memnun olduğunuzda, değişikliklerinizi canlı hale getirmek için ‘Güncelle’ veya ‘Yayınla’ya tıklamanız yeterlidir.
Ardından, diğer açılış sayfalarınıza akıllı uygulama banner’ı eklemek için bu adımları tekrarlayabilirsiniz.
WordPress’te Akıllı Uygulama Bannerları Ekleme Hakkında SSS
Hala sorularınız varsa, WordPress web sitenize akıllı banner’ları nasıl ekleyeceğinizle ilgili en önemli SSS’lerimizi burada bulabilirsiniz.
Akıllı uygulama afişi nedir?
Akıllı uygulama banner’ları Safari web tarayıcısının üst kısmında görünür ve uygulama kullanıcılarına bir uygulamayı açma veya Apple App Store’dan indirme seçeneği sunar.
Apple tarafından oluşturulduğundan, akıllı uygulama banner’ları birçok iOS kullanıcısının tanıdığı tutarlı bir tasarıma sahiptir. Yalnızca iOS 6 veya üstünü çalıştıran iPhone ve iPad’leri kullanan kişilere görünürler.
Akıllı uygulama banner’ımı masaüstünde neden göremiyorum?
Akıllı uygulama banner’ı, sitenizin mobil sürümünü görüntüleseniz bile masaüstü bilgisayarlarda görünmez.
Banner’ı çalışırken görmek için Safari mobil uygulamasını kullanarak sitenizi bir iPhone veya iPad’de ziyaret etmeniz gerekir.
Akıllı uygulama başlığını iPhone veya iPad’imde neden göremiyorum?
Akıllı uygulama banner’ları yalnızca Safari mobil uygulamasını kullanırken iOS 6 veya üzeri sürümleri çalıştıran cihazlarda görünür. Akıllı uygulama banner’ını görmüyorsanız, hem iOS hem de Safari mobil uygulamasının en son sürümlerine sahip olup olmadığınızı kontrol ederek işe başlamalısınız.
Akıllı uygulama başlığı ayrıca cihazın uygulamayı destekleyip desteklemediğini ve uygulamanın bulunduğunuz yerde kullanılabilir olup olmadığını da algılar. Akıllı uygulama başlığını görmüyorsanız cihazınız bu kontrollerden birinde başarısız olmuş olabilir.
Safari’de akıllı uygulama banner’ı neden kayboldu?
Eğer ‘x’ düğmesine tıklayarak banner’ı kapatırsanız, varsayılan olarak bir daha görünmeyecektir.
Mobil cihazınıza bağlı olarak, ayarlarınızı sıfırlamak için özel bir tarayıcı sekmesi açmanız, önbelleğinizi veya çerezlerinizi temizlemeniz veya başka bir işlem yapmanız gerekebilir.
Umarız bu eğitim WordPress’te akıllı uygulama banner’larının nasıl ekleneceğini öğrenmenize yardımcı olmuştur. Ayrıca, harekete geçirici mesajların en iyi uygulamaları hakkındaki kılavuzumuza veya dönüşümleri artırmak için en iyi WordPress lead magnet araçlarına yönelik uzman seçimlerimize de göz atmak isteyebilirsiniz.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Jiří Vaněk says
Is there a similar option for Android device owners, or is it only for the Apple store? I write articles on the topic of Android and this would really come in handy.
WPBeginner Support says
We do not have a method we would recommend at the moment for Android users.
Yönetici
Jiří Vaněk says
I’m sorry because my articles are mostly about Android. But thank you for your response, and I’ll try to find an equivalent plugin for Android and Google Play.
Ralph says
I didn’t know such thing… is a thing![:)](data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E)
I have technical blog and often get offers of promoting apps for money in my articles and this is great way to do this. Especially that we get more and more mobile traffic. I used to have 60% mobile 40% desktop, but now it is 75% mobile and still growing trend.
WPBeginner Support says
Mobile is definitely a growing way that sites are being viewed
Yönetici