WordPress'e Akıllı Uygulama Banner'ları Kolayca Nasıl Eklenir

Birçok uygulama geliştiricisi bize şunu sordu: WordPress sitenizden mobil uygulamaları doğrudan 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 başlıklarıdır. Bu başlıklar, iPhone ve iPad'lerde görüntülendiğinde web sitenizin üst kısmında görünür ve ziyaretçileri uygulamanızı indirmeye veya açmaya teşvik eder. Doğru eklentiyi kullanarak Android kullanıcılarına bile başlıklar gösterebilirsiniz.

Akıllı uygulama başlıkları açılır pencereler gibi rahatsız edici değildir. Bunun yerine, sitenizle doğal bir şekilde bütünleşir ve ziyaretçilere uygulamanızı indirmeleri veya açmaları için nazik bir uyarıda bulunur. Sonuç? Daha fazla indirme, daha iyi kullanıcı etkileşimi ve daha profesyonel bir mobil deneyim.

Bu başlıkları WordPress'e eklemek için çeşitli yöntemler denedik ve her beceri seviyesi için mükemmel çalışan iki yaklaşım bulduk.

İlkinde, Apple'ın yerel iOS başlığını eklemek için basit bir kod parçacığı kullanılırken, ikincisinde hem iOS hem de Android cihazları için tam tasarım özelleştirmesiyle destek sunan bir eklenti kullanılır. Her iki seçeneği de adım adım size anlatacağız.

ÖZET HIZLI ÖZET: Akıllı uygulama başlıkları, Safari'de görünen ve ziyaretçileri uygulamanızı indirmeye veya açmaya teşvik eden yerel iOS başlıklarıdır. Bunları WordPress'e eklemenin en kolay yolu, WPCode adlı ücretsiz bir eklentidir.

Ayrıca Android kullanıcılarına da başlık göstermek istiyorsanız, her iki platformu da destekleyen ve başlığın tasarımını tam olarak özelleştirmenize olanak tanıyan Mobile Smart App Banner eklentisini kullanabilirsiniz.

WordPress'te Akıllı Uygulama Banner'ları Neden Eklenmeli?

WordPress web sitenizde akıllı bir uygulama başlığı kullanmak, mobil uygulamanızın daha fazla indirme ve satın alma işlemi yapmanıza yardımcı olabilir.

Birçok web sitesi sahibi, ziyaretçilerin içeriklerini mobil için optimize edilmiş bir şekilde görüntüleyebilecekleri bir mobil uygulama oluşturur.

Bu uygulamalar mobil cihazlar için tasarlandığından, genellikle daha iyi bir kullanıcı deneyimi sunarlar. Ayrıca mobil anlık bildirimler kullanarak hatırlatıcılar, kişiselleştirilmiş içerikler, teklifler, güncellemeler ve daha fazlasını gösterebilirsiniz. Tüm bunlar daha fazla etkileşim, dönüşüm ve satış anlamına gelir.

Akıllı bir uygulama başlığı kullanarak iPhone ve iPad kullanıcılarını mobil uygulamanızı indirmeye teşvik edebilirsiniz.

Bu, bir iOS kullanıcısı sitenizi Safari tarayıcısını kullanarak ziyaret ettiğinde ekranın üst kısmında görünen bir başlıktır.

Ziyaretçiler, uygulamanızı App Store'dan indirmek için banner'a tıklayabilir. Ziyaretçinin zaten uygulamanız varsa, banner onlara bunun yerine uygulamayı açmalarını isteyecektir. Bu şekilde, daha fazla uygulama indirme ve etkileşim elde edebilirsiniz.

Ziyaretçi Apple dışı bir cihaz veya farklı bir web tarayıcısı kullanıyorsa, Apple'ın yerel akıllı uygulama başlığı görünmeyecektir.

Ancak, 2. Yöntem'de göstereceğimiz gibi, Android kullanıcılarına ve diğer tarayıcıları kullanan ziyaretçilere uygulama indirme başlıkları göstermek için bir eklenti kullanabilirsiniz.

Bunu göz önünde bulundurarak, WordPress'te akıllı uygulama banner'larını nasıl ekleyebileceğinize bakalım. 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 Kullanarak (WordPress'te Akıllı Bir Uygulama Banner'ı Gösterin)

WordPress web sitenize akıllı uygulama bildirimleri eklemenin en kolay yolu WPCode kullanmaktır. Bu ücretsiz eklenti, tek bir kod satırı kullanarak her sayfada ve gönderide aynı bildirimi göstermenizi sağlar.

WordPress'e özel kod eklerken, bazı kılavuzlar sitenizin functions.php dosyasını düzenlemenizi isteyecektir. Bunu önermiyoruz, çünkü küçük bir yazım hatası veya yanlışlık bile yaygın WordPress hatalarına neden olabilir veya sitenizi erişilemez hale getirebilir.

WPCode'u kullanarak, WordPress tema dosyalarınıza risksiz bir şekilde özel kod ekleyebilirsiniz. Ayrıca kod parçacıklarını bir düğmeye tıklayarak etkinleştirebilir ve devre dışı bırakabilirsiniz.

Öncelikle, ücretsiz WPCode eklentisini kurmanız ve etkinleştirmeniz gerekir. Daha fazla talimat için lütfen yeni başlayanlar için hazırladığımız WordPress eklentisi nasıl kurulur kılavuzumuza bakın.

Etkinleştirdikten sonra, Kod Parçacıkları » Parçacık Ekle bölümüne gidin. Ardından, ‘Özel Kodunuzu Ekleyin (Yeni Parçacık)’ seçeneğinin altındaki ‘+ Özel Parçacık Ekle’ düğmesine tıklayın.

Ardından, ekranda görünen seçenekler listesinden kod türü olarak 'HTML Parçacığı'nı seçmeniz gerekir.

Bu sizi, kod parçacığına bir ad yazabileceğiniz ‘Özel Kod Parçacığı Oluştur’ sayfasına götürecektir.

Bu sadece referans amaçlıdır, bu yüzden istediğiniz herhangi bir şeyi kullanabilirsiniz.

Sonraki adım için uygulamanızın kimliğini bilmeniz gerekecektir.

Bu bilgiyi almak için yeni bir tarayıcı sekmesi açın ve Apple Services Pazarlama Araçları sayfasına gidin. Buraya, 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 doğru kaydırın.

Burada, tanıtmak istediğiniz uygulamayı bulun ve üzerine tıklayın.

Ekranın altında 'İç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 bu sekmeyi açık bırakın veya uygulama kimliğini not alın.

Artık uygulama kimliğine sahip olduğunuza göre, WordPress panosuna geri dönün.

Şimdi aşağıdaki parçacığı kod düzenleyiciye ekleyebilir, uygulama kimliğini önceki adımda aldığınız bilgilerle değiştirebilirsiniz:

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

Bunu yaptıktan sonra, 'Ekleme' kutusuna gidin.

Henüz seçili değilse, 'Otomatik Ekle'ye tıklayın ve ardından açılır menüden 'Site Geneli Üstbilgi'yi seçin.

Hazır olduğunuzda, sayfanın en üstüne kaydırın ve ‘Devre Dışı’ anahtarını ‘Etkin’ olarak değiştirin.

Son olarak, değişikliklerinizi saklamak için 'Snippet'i Kaydet' düğmesine tıklayın.

Artık akıllı uygulama bildirimi WordPress web sitenizde görünecektir.

Belirli Sayfalarda ve Gönderilerde Farklı Başlıklar Nasıl Gösterilir

Gördüğünüz gibi, WPCode kullanarak WordPress'e akıllı bir başlık eklemek kolaydır.

Peki ya farklı sayfalarda farklı uygulamaları tanıtmak isterseniz?

Örneğin, bir yaşam tarzı blogu çalıştırıyor olabilirsiniz ve yiyeceklerle ilgili gönderilerinizde tanıtmak istediğiniz bir tarif uygulamanız olabilir. Aynı zamanda, egzersiz sayfalarınızda tanıtmak istediğiniz bir fitness uygulamanız da olabilir.

Bu durumda, WPCode Premium'a (yıllık 49$'dan başlayan fiyatlarla) yükseltmenizi öneririz. Bu eklenti, her kod parçasının tam olarak nerede çalışacağını kontrol etmenizi sağlayan akıllı koşullu mantığa sahiptir. Bu, birden çok akıllı uygulama banner'ı oluşturabileceğiniz ve ardından bunları herhangi bir sayfada veya gönderide gösterebileceğiniz anlamına gelir. 

Öncelikle WPCode web sitesine gidin ve bir abonelik satın alın. Ardından, diğer tüm WordPress eklentileri gibi kurmaya devam edebilirsiniz.

Bundan sonra, WordPress kontrol panelinizde WPCode » Ayarlar'a gidin ve lisans anahtarınızı girin.

Bu bilgiyi WPCode web sitesindeki hesabınıza giriş yaparak veya WPCode'u satın aldığınızda aldığınız satın alma onay e-postasını kontrol ederek bulabilirsiniz. 

Bunu yaptıktan sonra, WordPress kontrol panelinizde Kod Parçacıkları » Parçacık Ekle'ye gidin. Burada, ‘Özel Kodunuzu Ekleyin’ bölümünün üzerine gelin.

Göründüğünde, ‘Özel Parçacık Ekle’yi seçin.

Sonraki panelde, ‘HTML Parçacığı’na tıklayın.

Ardından, parçacığınıza tanıdığınız, hangi uygulamayı tanıttığını kolayca belirleyebileceğiniz açıklayıcı bir ad verin.

Örneğin, ‘Akıllı Uygulama Banner’ı – Tarif Uygulaması’ olarak adlandırabilirsiniz.

Kod Düzenleyici'de ilk uygulamanız için meta etiketi ekleyin.

Uygulamanız için doğru uygulama kimliğini değiştirdiğinizden emin olun:

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

Ardından, ‘Ekleme’ bölümüne gidin ve henüz seçili değilse ‘Otomatik Ekle’yi seçin.

Bundan sonra, ‘Konum’ açılır menüsünü açın ve ‘Site Geneli Üstbilgi’yi seçin.

Ardından, biraz daha aşağı kaydırarak ‘Akıllı Koşullu Mantık’ bölümüne gidin. 

Burada, ‘Mantığı Etkinleştir’ ayarını etkinleştirmek için tıklayın.

Şimdi akıllı koşullu mantık kuralınızı oluşturma zamanı.

Başlamak için, ‘Koşullar’ açılır menüsünü açın ve ‘Göster’i seçin. Ardından, ‘Yeni grup ekle’ye tıklayın.

Bundan sonra, ilk açılır menüye (varsayılan olarak ‘Giriş yapmış’ gösteren) tıklayın.

Bu, tamamen yeni bir bölüm ekler.

Sol taraftaki menüde, ‘Nerede’yi seçin.

Ardından, ‘Gönderi/Sayfa’yı seçin.

Bunu yaptıktan sonra, ikinci açılır menüye tıklayın ve henüz seçili değilse ‘Birinden biri’ni seçin.

Son olarak, üçüncü alana tıklayın ve bu uygulama banner'ını görüntülemek istediğiniz belirli sayfayı veya gönderiyi arayın.

Bu banner'ı birden çok sayfada veya gönderide mi göstermek istiyorsunuz? O zaman sadece ‘Yeni grup ekle’ye tıklayın.

Artık ek gönderileri veya sayfaları seçmek için bu adımları tekrarlayabilirsiniz.

Bu parçacığın kurulumundan memnun kaldığınızda, sayfanın üst kısmına gidin ve ‘Etkin Değil’ anahtarını ‘Etkin’ konumuna getirin. Son olarak, değişikliklerinizi kaydetmek için ‘Parçacığı Kaydet’ düğmesine tıklayın.

Şimdi, tanıtmak istediğiniz her ek uygulama için bu işlemi tekrarlayın. 

WPCode artık ziyaretçinin o anda görüntülediği sayfaya veya gönderiye göre doğru akıllı uygulama banner'ını gösterecektir.

WordPress'te Akıllı Uygulama Bildirimi Kodunu Test Etme

Akıllı uygulama bildirimini test etmenin en iyi yolu, iOS cihazınızda Safari mobil uygulamasını kullanarak web sitenizi ziyaret etmektir. Aslında, masaüstünden WordPress sitenizin mobil sürümünü görüntülemeye çalışırsanız akıllı uygulama bildirimi görünmeyecektir bile.

Kod parçasının çalışıp çalışmadığını hızlıca kontrol etmeniz gerekirse, bir çözüm tarayıcınızın Denetleme aracını kullanmaktı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 gönderiye gidin. Ardından, sayfanın herhangi bir yerine sağ tıklayın ve 'Denetle'yi seçin.

Yeni bir panel açılacak ve sitenin tüm kodunu gösterecektir.

Sadece <head> bölümünü bulun ve genişletmek için okuna tıklayın.

Şimdi, önceki adımda eklediğiniz <meta name="apple-itunes-app"> kodunu arayın.

Bu kodu görürseniz, akıllı uygulama bildirimi iOS cihazlarda görünmelidir.

Yöntem 2: Mobile Smart App Banner Kullanımı (iOS ve Android İçin Başlıklar Ekleme)

Hem iOS hem de Android kullanıcılarını destekleyen bir eklenti istiyorsanız, Mobil Akıllı Uygulama Banner eklentisini kullanmanızı öneririz.

Bu, ziyaretçinin cihazını otomatik olarak algılayan ve uygun uygulama mağazası bağlantısını gösteren ücretsiz bir eklentidir. 

Banner, ziyaretçilerin kapatabilmesi için yerleşik bir 'Kapat' düğmesi içerir ve bu kararı hatırlamak için çerezleri kullanır.

Banner'ın kapatıldıktan sonra 7 gün boyunca görünmeyeceğini unutmayın.

Öncelikle, Mobile Smart App Banner eklentisini kurmanız ve etkinleştirmeniz gerekir. Yardıma ihtiyacınız olursa, lütfen bir WordPress eklentisinin nasıl kurulacağına dair kılavuzumuza bakın.

Etkinleştirdikten sonra, WordPress kontrol panelinizde Ayarlar » Mobile Smart App Banner bölümüne gidin.

Burada, sitenizde banner'ı etkinleştirmek için 'Uygulama Banner'ını Etkinleştir' seçeneğinin yanındaki kutuyu işaretleyin. 

Bunu yaptıktan sonra 'Yükle' düğmesine tıklayın.

Ardından, uygulama simgeniz olarak kullanmak istediğiniz resmi seçin (512x512 piksel boyutunda bir resim kullanmanızı öneririz).

'Banner Konumu' açılır menüsünü açıp listeden bir seçenek belirleyerek banner'ın ekranda nerede görüneceğini de seçebilirsiniz.

Banner'ı ekranın altına yerleştirmenin daha az rahatsız edici olduğunu ve genellikle daha yüksek etkileşim oranlarına yol açabileceğini gördük.

Bundan sonra, 'Uygulama Adı' alanına uygulama adınızı yazabilir ve 'Uygulama Alt Başlığı' kutusuna kısa bir açıklama girebilirsiniz. 

Ardından, Uygulama Mağazası Bağlantınızı ve Oyun Mağazası Bağlantınızı doğru alanlara ekleyin.

Banner'ın görünümünü değiştirmek isterseniz, 'Renk Ayarları' bölümüne gidin. 

Burada, çeşitli ayarları kullanarak arka plan rengini, düğme rengini, düğme metin rengini ve daha fazlasını değiştirebilirsiniz.

Ayrıca, en iyi görüneni görmek için birçok ayarı kolayca deneyebilmeniz için gerçek zamanlı bir önizleme de bulunmaktadır. 

Alternatif olarak, 'iOS Akıllı Uygulama Banner'ını Etkinleştir' seçeneğinin yanındaki kutuyu işaretini kaldırarak Safari'deki Apple'ın yerel akıllı uygulama banner'ını kullanabilirsiniz.

Ardından, Uygulama Mağazası Kimliğinizi girmeniz gerekecektir. Bu kimliği, Yöntem 1'de açıklanan aynı işlemi kullanarak bulabilirsiniz. 

Bu etkinleştirildiğinde, Safari kullanıcıları yerel Apple banner'ını, Chrome, Firefox ve diğer iOS tarayıcılarındaki kullanıcılar ise özel banner'ınızı görecektir.

Bunu yaptıktan sonra, banner'ınızı yayına almak için ekranın altına gidin ve 'Değişiklikleri Kaydet'e tıklayın.

WordPress'e Akıllı Uygulama Bildirimleri Ekleme Hakkında SSS

Hala sorularınız varsa, WordPress web sitenize akıllı banner'ları nasıl ekleyeceğinizle ilgili en sık sorulan sorularımız aşağıdadır.

Akıllı uygulama banner'ı 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şturuldukları için, 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 daha yüksek sürümünü çalıştıran iPhone ve iPad kullanan kişilerde görünürler.

Masaüstünde akıllı uygulama banner'ımı neden göremiyorum?

Akıllı uygulama banner'ı, sitenizin mobil sürümünü görüntüleseniz bile masaüstü bilgisayarlarda görünmeyecektir.

Banner'ı çalışırken görmek için sitenizi iPhone veya iPad'de Safari mobil uygulamasını kullanarak ziyaret etmeniz gerekecektir.

Neden iPhone veya iPad'imde akıllı uygulama banner'ını göremiyorum?

Akıllı uygulama başlıkları yalnızca iOS 6 veya daha yüksek bir sürüm çalıştıran cihazlarda, Safari mobil uygulamasını kullandığınızda görünür. Akıllı uygulama başlığını görmüyorsanız, hem iOS'un hem de Safari mobil uygulamasının en son sürümlerine sahip olduğunuzdan emin olarak başlamalısınız.

Akıllı uygulama banner'ı ayrıca cihazın uygulamayı destekleyip desteklemediğini ve uygulamanın bulunduğunuz yerde mevcut olup olmadığını da algılar. Akıllı uygulama banner'ını görmüyorsanız, cihazınız bu kontrollerden birini başaramamış olabilir.

Safari'de akıllı uygulama banner'ı neden kayboldu?

Banner'ı 'x' düğmesine tıklayarak kapatırsanız, varsayılan olarak tekrar görünmez.

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.

Akıllı uygulama banner'ları Android cihazlarda çalışır mı?

Hayır, Apple'ın yerel akıllı uygulama banner'ları yalnızca Safari tarayıcısını kullanan iOS cihazlara özeldir. Android'in yerleşik bir eşdeğeri yoktur.

Ancak, Android ziyaretçilerine özel uygulama indirme banner'ları göstermek için Mobile Smart App Banner gibi bir WordPress eklentisi kullanabilirsiniz.

Bu eğitimde WordPress'te akıllı uygulama banner'larının nasıl ekleneceğini öğrendiğinize umuyoruz. Ayrıca eylem çağrısı en iyi uygulamaları hakkındaki kılavuzumuza veya dönüşümleri artırmak için en iyi WordPress potansiyel müşteri oluşturma araçları hakkındaki uzman seçimlerimize de bakmak isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.