WordPress Sitenize Facebook Beğen Düğmesi Nasıl Eklenir?

Yayınlanan: 2023-04-20

Sitenize bir Facebook Beğen düğmesi eklemek ister misiniz?

WordPress web sitenize bir Facebook Beğen düğmesi eklemek, ziyaretçilerin içeriğinizi beğenmesini ve paylaşmasını kolaylaştırabilir. Bu, etkileşimi artırmanıza ve Facebook hesabı takipçilerinizi büyütmenize yardımcı olabilir.

Bu yazıda, sitenize nasıl kolayca bir Facebook Beğen düğmesi ekleyeceğinizi göstereceğiz.

Neden WordPress'e Facebook Beğen Düğmesi Eklemelisiniz?

WordPress sitenize bir Beğen düğmesi eklemek, Facebook sayfanızda etkileşimi artırmanıza yardımcı olabilir. Ayrıca, kullanıcıları içeriğinizi Facebook haber akışlarında paylaşmaya teşvik etmenin harika bir yoludur, bu da web sitenize yeni insanlar çekmeye yardımcı olur.

Ek olarak, web sayfanıza bir Facebook Beğen düğmesi yerleştirmek, sosyal medya takipçilerinizi artırmanıza ve en popüler sosyal ağda çevrimiçi topluluğunuzu oluşturmanıza yardımcı olabilir. Sonuç olarak, ürünleriniz veya hizmetleriniz hakkında farkındalık yaratabilir ve sonuçta dönüşümleri artırabilirsiniz.

Şu anda WordPress, Beğeniler için bir Facebook düğmesi eklemek için yerleşik bir çözüme sahip değildir, bu nedenle bir WordPress eklentisi yüklemeniz veya Facebook Beğen düğmesi kodunu manuel olarak eklemeniz gerekir. Bunu akılda tutarak, aşağıda her ikisini de nasıl yapacağınızı göstereceğiz.

  • Sayfa Oluşturucu ile WordPress'e Facebook Beğen Düğmesi Ekleme
    • Alternatif: Sitenize Manuel Olarak Facebook Beğen Düğmesi Ekleyin

    Sayfa Oluşturucu ile WordPress'e Facebook Beğen Düğmesi Ekleme

    İlk olarak, sitenize bir Facebook Beğen düğmesi eklemek için bir WordPress eklentisi kullanacağız. En iyi WordPress web sitesi ve sayfa oluşturucu eklentisi olan SeedProd'u kullanacağız.

    SeedProd WordPress website builder

    SeedProd, özel açılış sayfaları, ana sayfalar, kenar çubukları, üstbilgiler, altbilgiler ve daha fazlası dahil olmak üzere WordPress'te esnek sayfa tasarımları oluşturmayı çok kolaylaştırır. Sitenizi kod veya CSS olmadan kolayca özelleştirmek için bir sürükle ve bırak oluşturucu ve çok sayıda WordPress bloğu ile birlikte gelir.

    Tamamen özelleştirilmiş açılış sayfaları oluşturmanıza izin vermenin yanı sıra, SeedProd sıfırdan eksiksiz WordPress temaları oluşturmanıza olanak tanır ve tek bir WordPress tema dosyasına dokunmanız gerekmez.

    Bu yöntem için, WordPress sitenizin hemen hemen her yerinde bir Beğen düğmesini göstermek için SeedProd'un Facebook Beğen blok widget'ını nasıl kullanacağınızı göstereceğiz.

    SeedProd'u Kurun ve Etkinleştirin

    Başlamak için, SeedProd eklentisini WordPress web sitenize kurun ve etkinleştirin.

    SeedProd'u Bugün Kullanmaya Başlayın

    Bununla ilgili yardıma ihtiyacınız varsa, SeedProd'un nasıl kurulacağına ilişkin belgelerimize bakabilirsiniz. Bu kılavuz, eklentiyi yükleme ve lisans anahtarınızı etkinleştirme konusunda size yol gösterecektir.

    Not: SeedProd, kodsuz basit bir açılış sayfası oluşturmanıza izin veren ücretsiz bir sürüme sahiptir. Bu kılavuzda, Pro WordPress blokları için SeedProd Pro'yu kullanacağız.

    Ardından, SeedProd'u web sitenizde nasıl kullanacağınızı belirlemeniz gerekir. Bireysel WordPress Sayfaları oluşturmak veya mevcut web sitesi tasarımınızı değiştirmek için yepyeni bir WordPress teması oluşturmak için kullanabilirsiniz.

    Bu kılavuz için, size bir açılış sayfasına nasıl Facebook Beğen düğmesi ekleyeceğinizi göstereceğiz, bu nedenle başlamak için WordPress panonuzdan SeedProd »Açılış Sayfaları'na gidin.

    Bir Hazır Şablon Seçin

    Bu sayfada, SeedProd'un Coming Soon, Maintenance, Login veya 404 gibi hazır açılış sayfası tasarımlarından birini seçebilirsiniz.

    SeedProd landing page modes

    Alternatif olarak, ihtiyaçlarınıza uyacak şekilde özelleştirebileceğiniz bir açılış sayfası şablonu kullanarak özel bir açılış sayfası oluşturabilirsiniz. Bu seçeneği kullanacağız, bu yüzden devam edin ve Yeni Açılış Sayfası Ekle düğmesini tıklayın.

    add a new landing page

    Bir sonraki ekranda, SeedProd'un sürükle ve bırak oluşturucusuyla özelleştirebileceğiniz profesyonel açılış sayfası şablonlarından oluşan bir kitaplık göreceksiniz. Tasarımları sayfa türüne göre filtrelemek için üstteki sekmelerden herhangi birine tıklayın, örneğin:

    • Yakında gelecek
    • Bakım Modu
    • 404 Sayfa
    • Satış
    • Web Semineri
    • Kurşun Sıkma
    • Teşekkür ederim
    • Giriş yapmak

    Beğendiğiniz bir tasarım bulduğunuzda, farenizi üzerine getirin ve onay işareti simgesini tıklayın. Bu kılavuz için Tasty Squeeze Page şablonunu kullanacağız.

    Choose a SeedProd landing page template

    Ardından, sayfanıza bir ad verebileceğiniz bir açılır pencere göreceksiniz. SeedProd sayfaya otomatik olarak bir URL verecektir, ancak isterseniz bunu daha sonra değiştirebilirsiniz.

    enter your landing page details

    Ayrıntılardan memnun olduğunuzda, Kaydet ve Sayfayı Düzenlemeye Başla düğmesini tıklayın.

    Facebook Beğeni Bloğu Ekleme

    Bir şablon seçtikten sonra, açılış sayfası tasarımınızı özelleştirmeye başlayabileceğiniz SeedProd'un görsel düzenleyicisine gideceksiniz. Solda bloklar ve bölümler ve sağda canlı önizleme ile kullanımı kolaydır.

    SeedProd page builder interface

    İçeriği ihtiyaçlarınıza göre özelleştirmek için önizlemenizdeki herhangi bir öğeye tıklamanız yeterlidir.

    Örneğin, başlığı ve açıklamaları değiştirmek için herhangi bir metne veya başlık bloğuna tıklayabilirsiniz.

    Headline block settings

    Bunu yaptığınızda, içeriği, yazı tipi boyutunu, hizalamayı ve daha fazlasını değiştirmeniz için solda bir ayarlar paneli açılır.

    Ayrıca şablon resimlerini değiştirebilir ve kendi resimlerinizle değiştirebilirsiniz. Bunu yapmak için herhangi bir görsele tıklayın, ardından onu kaldırmak için ayarlar panelinde çöp tenekesi simgesini seçin.

    Change landing page image

    Oradan, bilgisayarınızdan veya WordPress medya kitaplığınızdan yeni bir resim yükleyebilirsiniz.

    Artık sayfa oluşturucuda gezinmenin temellerini bildiğinize göre, açılış sayfanıza Facebook Beğen düğmesini nasıl ekleyeceğinize bakalım.

    SeedProd, açılış sayfası tasarımınıza ekleyebileceğiniz çok sayıda WordPress bloğuna sahiptir. Yalnızca sayfanızı daha ilgi çekici kılmakla kalmaz, aynı zamanda potansiyel müşteriler ve sosyal medya takipçileri oluşturmak için de harikadır.

    Örneğin, SeedProd'un Facebook blokları ile Facebook sayfanızı, bireysel gönderilerinizi, yorumlarınızı ve hatta bir Beğen düğmesini gömebilirsiniz.

    SeedProd facebook blocks

    Facebook Beğen düğmesi bloğunu sayfanıza eklemek için, bunu Gelişmiş Bloklar panelinden açılış sayfanıza sürüklemeniz yeterlidir.

    aadd a Facebook like button to your site with SeedProd

    Buradan, blok ayarları panelindeki açılır menüleri kullanarak Beğen düğmesi tasarımını ve görünümünü değiştirebilirsiniz. Örneğin, düğme sayınızı, beğen kutusunu ve daha fazlasını göstermek için düğme düzenini değiştirebilirsiniz.

    Facebook like button block settings

    Ayrıca yazı tipi boyutunu değiştirebilir ve yanında bir Facebook Paylaş düğmesi görüntüleme seçeneğini değiştirebilirsiniz.

    Ek olarak, geçerli açılış sayfanız yerine özel bir URL'yi hedefleme ve kalıcı bağlantı biçimini güzel bir bağlantı olarak değiştirme seçenekleri de vardır.

    Gelişmiş ayarlar sekmesinde Beğen butonu aralığını ve görünürlüğünü mobil ve masaüstü cihazlarda özelleştirebilir ve herhangi bir kod yazmadan hareketlendirebilirsiniz.

    Advanced Facebook like button settings

    Not: SeedProd » Ayarlar'a giderek Facebook uygulama kimliğinizi SeedProd'a girebilirsiniz.

    Her şeyin nasıl göründüğünden memnun kalana kadar açılış sayfası tasarımınızı özelleştirmeye devam edin. Örneğin, Global Ayarlar panelinde sayfa renk şemasını ve tipografiyi düzenleyebilirsiniz.

    Değişikliklerinizi kaydetmek için sağ üst köşedeki Kaydet düğmesine tıklamayı unutmayın.

    Sayfa Ayarlarınızı Yapılandırın

    Oluşturduğumuz sayfa bir katılım formu içerdiğinden, bundan sonra bir e-posta pazarlama hizmetine bağlanmamız gerekecek. Bunu yapmak için üst kısımdaki Bağlan sekmesine tıklayın ve listede e-posta pazarlama sağlayıcınızı bulun.

    seedprod email marketing integrations

    Oradan, e-posta listenizi bağlamak için ekrandaki talimatları izleyin.

    Açılış sayfası ayarlarınızı değiştirmek için üst kısımdaki Sayfa Ayarları sekmesine de tıklayabilirsiniz. Bu ekranda açılış sayfası adınızı ve URL'nizi değiştirebilir ve arama motorları için sayfa içi SEO ayarlarınızı yapılandırabilirsiniz.

    landing page settings

    Örneğin, SEO ayarları bölümünde, sayfanız için açık grafik ayarlarını yapılandırmak için en iyi WordPress SEO eklentisi olan All in One SEO'yu kullanabilirsiniz.

    Bu meta veriler, Facebook'un küçük resim, sayfa başlığı, açıklama ve yazar dahil olmak üzere sayfanız hakkında bilgi toplamasına yardımcı olur.

    Ayrıca Sayfa Ayarları, Facebook pikseliniz veya Google Analytics izleme kodunuz gibi özel komut dosyaları eklemenize de olanak tanır.

    Daha fazla ayrıntı için açılış sayfası ayarları belgelerimize bakın.

    Değişikliklerinizi Yayınlayın

    Sayfanız tam olarak istediğiniz gibi göründüğünde, onu WordPress sitenizde yayınlamaya hazırsınız. Bunu yapmak için, Kaydet düğmesindeki açılır oku tıklayın ve Yayınla öğesini seçin.

    Publish your landing page with facebook like button

    Artık açılış sayfanızı ziyaret edebilir ve Facebook Beğen düğmenizi çalışırken görebilirsiniz.

    Landing page with facebook like button

    Alternatif: Sitenize Manuel Olarak Facebook Beğen Düğmesi Ekleyin

    WordPress sitenize Facebook Beğen düğmesi eklemenin başka bir yolu da özel kod kullanmaktır. Ancak bu yöntem, HTML kodunu kopyalayıp doğrudan WordPress'e yapıştırmanızı gerektirir, bu nedenle bunu yalnızca kod düzenleme konusunda rahat olan kişiler için öneriyoruz.

    Bununla birlikte, WordPress'e özel kod eklemeyi kolaylaştırmak için WPCode eklentisini kullanacağız.

    Öncelikle, Meta for Developers web sitesindeki (developers.facebook.com) 'Beğen Düğmesi' sayfasına gitmeniz ve 'Beğen Düğmesi Yapılandırıcı' bölümüne gitmeniz gerekir.

    Facebook like button configuration page

    Ardından, Facebook Sayfası URL'nizi 'Beğenilecek URL' alanına girin. Bu, Facebook Beğen düğmesiyle bağlanmak istediğiniz sayfa olmalıdır.

    Bundan sonra, Beğen düğmesi düzenini ve boyutunu seçmek için ayarları yapmanız yeterlidir. Ayrıca Beğen düğmesinin bir önizlemesini de göreceksiniz.

    Önizlemeden memnun olduğunuzda Kodu Al düğmesini tıklayın.

    Şimdi 2 kod parçacığı ve JavaScript SDK ve iFrame adlı 2 farklı sekme içeren bir açılır pencere göreceksiniz. JavaScript seçeneğini tıklayın.

    Facebook like button embed code snippets

    Beğen düğmesini görüntülemek için WordPress web sitenize eklemeniz gereken şey budur.

    Bu kod parçacıklarını doğrudan WordPress temanıza eklerseniz, web sitenizi bozma olasılığı vardır. Ayrıca, temanızı güncellediğinizde kod parçacıklarının üzerine yazabilir.

    Bu kodu eklemenin daha kolay bir yolu, WPCode eklentisidir. Kod parçacıklarını web sitenize yapıştırmanıza ve tema dosyalarınızı doğrudan düzenlemeden yönetmenize olanak tanır.

    Öncelikle, WPCode eklentisini yüklemeniz ve etkinleştirmeniz gerekir.

    Eklentiyi etkinleştirdikten sonra, WordPress panonuzdan Kod Parçacıkları »Üstbilgi ve Altbilgi bölümüne gidin.

    Şimdi, Facebook'tan ilk kod parçacığını kopyalayın ve WordPress temanızın header.php dosyasına <body> etiketinden sonra ekleyin.

    Add first facebook like button snippet to your site

    Kodu kopyalayıp 'Gövde' bölümüne girip Değişiklikleri Kaydet düğmesini tıklamanız yeterlidir.

    Ardından, Facebook Beğen düğmesini göstermek için ikinci kod parçacığını kopyalayıp WordPress sitenize yapıştırmanız gerekir.

    Bunu yapmak için, WordPress yöneticinizden Kod Parçacıkları » + Parçacık Ekle'ye gidin veya Yeni Ekle düğmesini tıklayın.

    Bir sonraki ekranda, önceden oluşturulmuş kitaplıktan bir parçacık seçebilir veya yeni bir özel kod ekleyebilirsiniz.

    Öyleyse devam edin ve 'Özel Kodunuzu Ekleyin (Yeni Parçacık)' seçeneğini tıklayın ve Parçacığı Kullan düğmesini seçin.

    Add a custom code snippet in WPCode

    Oradan, özel kodunuza bir ad verin ve Facebook'tan ikinci kod parçacığını 'Kod Önizleme' bölümüne girin.

    Paste second Facebook like button code snippet

    'Kod Türü' açılır menüsünü tıkladığınızdan ve 'HTML Parçacığı'nı seçtiğinizden emin olun.

    Ardından, 'Ekleme' bölümüne gidin ve Facebook Beğen düğmesinin nerede görüntüleneceğini seçin. Örneğin, blog yazısı içeriğinizden önce görünmesini sağlarsınız.

    Bunu yapmak için 'Konum' açılır menüsünü tıklayın ve Sayfaya Özgü bölümünün altındaki İçerikten Önce Ekle seçeneğini seçin.

    Insert snippet before content

    Son olarak, Snippet'i Kaydet düğmesini tıklayın ve anahtarı Etkin Değil'den Etkin'e getirin.

    Artık gönderi içeriğinden önce Facebook Beğen düğmenizi görmek için herhangi bir blog gönderisini ziyaret edebilirsiniz.

    Add a facebook like button to your site before post content

    Bu kadar!

    Umarız bu makale, sitenize nasıl Facebook Beğen düğmesi ekleyeceğinizi öğrenmenize yardımcı olmuştur. Facebook etkinliklerini WordPress'e nasıl yerleştireceğinizle ilgili bu öğreticiyi de beğenebilirsiniz.

    Okuduğunuz için teşekkürler. İşinizi büyütmenize yardımcı olacak daha fazla yararlı içerik için lütfen bizi YouTube, Twitter ve Facebook'ta takip edin.