Yaklaşık 2,9 milyar aktif kullanıcısı olan Facebook, dünya çapında hala en popüler sosyal ağdır. Bu yüzden hayranı olsanız da olmasanız da, daha fazla web sitesi trafiği çekmenin, bir topluluk oluşturmanın veya web sitenizin elde ettiği geliri artırmanın en iyi yollarından biri olduğunu inkar edemezsiniz. Şu anda, bir WordPress web sitesini Facebook platformuna bağlamanın birçok yolu vardır. Bunlar diğer şeylerin yanı sıra otomatik olarak Facebook’ta yayınlama, WordPress’e Facebook yorumları ekleme veya WooCommerce mağazanızı Facebook’a eklemeyi içerir.
Bu yazıda, daha geniş bir kitleye organik olarak ulaşmak için yapabileceğiniz daha kolay şeylerden biri olarak Facebook beğen düğmesini WordPress’e nasıl ekleyeceğinizi göstereceğiz. Bu özellik, çok sayıda WordPress işletmesi ve blogu için yararlı olabilir, bu yüzden onu ele almaya karar verdik.
İşte ele alacağımız yöntemler:
-
Bir Eklenti Kullanarak Facebook Beğen Düğmesi Nasıl Eklenir?
-
Beğen Düğmesi Yapılandırıcı
-
JavaScript SDK Kullanarak Facebook Beğen Düğmesi Nasıl Eklenir?
-
iFrame Kullanarak Facebook Beğen Düğmesi Nasıl Eklenir?
Bir Eklenti Kullanarak Facebook Beğen Düğmesi Nasıl Eklenir?
WordPress, aralarından seçim yapabileceğiniz çok sayıda kaliteli eklentiye sahip olduğundan, istenen işlevselliği uygulayan uygun bir eklenti aramak, WordPress kullanıcılarının büyük çoğunluğu için gidilecek yoldur. Bunu akılda tutarak, önce eklenti yöntemini ele alacağız.
Bu özel durumda, gönderileri ve sayfaları gözden geçirme, beğenme, paylaşma veya yer imlerine ekleme gibi çok çeşitli benzer işlevlere sahip birçok eklentiye ve özellikle Facebook beğen düğmesini eklemek için yapılmış eklentilere baktık. Sonunda, ikincisinden birini sergilemeyi seçtik.
WP Beğen Düğmesi eklentisi, web sitenize Facebook beğen düğmesini eklemek için çok basit bir eklentidir. Ana sayfanız, tüm sayfalar, gönderiler ve arşiv sayfaları dahil olmak üzere beğen düğmesinin nerede görüntülenmesini istediğinizi ve ayrıca belirli URL’leri hariç tutarak seçimi daha da kısıtlama olanağını seçebilirsiniz. Önizlemesi mevcut olan dört beğen düğmesi düzeniyle birlikte gelir. Son olarak kullanıcılar sağlanan seçenekleri kullanarak beğen düğmesini ekleyebilirken, eklenti, Facebook beğen düğmesini özel konumlarda görüntülemek gibi diğer bazı gelişmiş kullanımlara izin verir. Bunların hepsini aşağıda ele alacağız. Hadi başlayalım.
Eklentiyi kurup etkinleştirdikten sonra, yönetici panosunda yeni oluşturulan WP Beğen Düğmesi bölümüne gidin. Burada, web sitenizdeki sayfalarda ve gönderilerde Facebook beğen düğmesini görüntülemek için gereken tüm eklenti ayarlarını bulabilirsiniz. Bu ayarlar, hızlı bir şekilde ele alacağımız ayrı alt bölümlere ayrılmıştır.
İlk alt bölüm, beğen düğmesini nerede görüntülemek istediğinizi seçmenize olanak tanır – ana sayfanız, tüm sayfalar, gönderiler, arşiv sayfaları veya belirli sayfaları veya gönderileri hariç tutma. Özellikle hariç tutma seçeneğiyle bağlantılı olarak birden fazla seçeneğiniz var. Bunun dışında beğen butonunun daha küçük ekranlarda görünmesini isteyip istemediğinizi de seçebilirsiniz.
İlgili verileri almak için Facebook Insights’a erişiminiz varsa, aşağıdaki bölümde bir uygulama kimliği veya yönetici kimliği ekleyebilirsiniz. Ek olarak web siteniz veya bölümleri on üç yaşın altındaki kişilere yönelikse, Facebook’ta gösterilecek varsayılan bir küçük resim ekleyebilir ve web sitenizi çocuklara yönelik olarak işaretleyebilirsiniz.
Varsayılan bir yedek küçük resim ayarlama seçeneği yararlı olsa da, bu seçeneği bu makalenin amaçları doğrultusunda kullanmamayı tercih ettik. Bunun yerine, uygun bir SEO eklentisi kullanarak varsayılan küçük resmi ve diğer meta verileri ayarlamanızı öneririz. Bununla ilgili daha fazla bilgi için, WordPress’te Facebook Open Graph meta verilerinin nasıl ayarlanacağına ilişkin makalemizi okumanızı öneririz. Bunu söyledikten sonra, WP Like Button eklentisinin sunduğu seçeneklere genel bir bakışla devam edelim.
Aşağıdaki alt bölümde, ilgili kısa kodu ve işlevi kullanarak eklentinin bazı gelişmiş kullanımlarını da görebilirsiniz. Bunların nasıl kullanıldığını daha sonra ele alacağız.
Kalan alt bölümler, beğen düğmesinin oluşturulmasıyla ilgilidir. Öncelikle, Facebook beğen butonunun sayfa/gönderi içeriğinden önce mi yoksa sonra mı gösterileceğini seçebilirsiniz. Daha sonra düğmenin beğenmenize izin vereceği sayfayı/gönderiyi seçebilirsiniz. Spesifik olarak tüm sayfaların ve gönderilerin ayrı beğeni düğmelerine ve beğeni sayılarına sahip olmasını veya tüm bağlantıların ziyaretçilerin tek bir URL’yi, web sitenizi veya belirttiğiniz başka bir URL’yi beğenmesine izin vermesini seçebilirsiniz. Bu seçeneklerden herhangi biri yararlıdır ve kişisel tercihe bağlıdır. Bu tanıtım için, daha sonra göreceğiniz gibi, QodeInteractive web sitesine bağlantı kurmayı ve paylaş düğmesine de izin vermeyi seçtik.
Bununla birlikte kalan seçenekler, beğen HTML öğesinin genişliğini, sayfa/gönderi içeriğine göre hizalamasını ve beğen ve paylaş düğmesinin ve çevresindeki tüm mesajların gösterildiği dili seçmenize olanak tanır. Son olarak Önizleme bölümünde, ilgili seçeneklerle birlikte Facebook beğen düğmesi düzeninin türünü seçebilecek ve web sitesi için en uygun olduğunu düşündüğünüz şeyi seçmeden önce önizlemesini sağlayabileceksiniz. Bu seçenekler, bölüm düzenini, düğmelerin içindeki metnin rengini, düğme boyutunu, beğenip önermemeyi, arkadaşların yüzlerini göstermeyi ve paylaş düğmesini içerir.
Tüm seçenekleri açıkladıktan sonra, bunları ihtiyaçlarınıza göre ayarlamanız gerekecektir. Daha sonra seçenek seçeneklerinizi kaydetmek için alttaki “Ayarları Kaydet” düğmesine basın. Daha sonra Facebook beğen düğmesinin seçtiğiniz belirli seçenekler için gösterecek şekilde ayarlandığı bir sayfa veya gönderi yükleyin. Aldığımız sonuç aşağıda gösterilmiştir.
Gördüğünüz gibi, eklenti çok basit bir şekilde, ayarları değiştirerek ve Facebook beğen düğmesini sayfalarda ve gönderilerde önceden tanımlanmış bir konumda görüntüleyerek kullanılabilir. Fakat eklenti bazı daha gelişmiş kullanımlar sunar. Bunlar [fblike] kısa kod ve fb_like_button() işlevi. Bunları kullanmanın avantajı, belirli bir sayfanın veya gönderinin içeriğinden önce veya sonra sınırlandırılmak yerine, Facebook beğen düğmesini özel konumlara ekleyebilmenizdir. Bununla birlikte doğru bir şekilde kullanılmaları için çok fazla ön bilgi gerektirirler. Aşağıda açıklamaya çalışacağız.
İkisinden, kullanarak [fblike] kısa kod biraz daha kolaydır ve ara WordPress kullanıcıları tarafından daha iyi bilinir. Facebook beğen düğmesini web sitesinde özel bir konumda görüntülemek için, yalnızca [fblike] bir kısa kod oluşturma öğesi içinde kısa kod çağrısı. Bu öğe, web sitenizde kullandığınız sayfa oluşturucuya bağlıdır. Gutenberg için Kısa Kod bloğudur, Elementor Metin Düzenleyiciyi kullanır ve WPBakery Metin Bloğu öğesini kullanır; Klasik Düzenleyici kullanıyorsanız, düzenleyicinin içine kısa kod çağrısını kolayca ekleyebilirsiniz.
Bu makaleye örnek olarak Elementor tarafından oluşturulmuş ve Metin Düzenleyici öğesini içeren sayfalardan birinde Elementor eklentisini kullanacağız. Kısa kod çağrısı, Metin Düzenleyici öğesinin sahip olduğu görsel veya Metin sekmelerinden birine eklenebilir. Aşağıdaki Metin sekmesine ekledik. Bu durum sayfayı güncelleyin.
Aldığımız sonuç aşağıda gösterilmiştir.
Ek bir not olarak herhangi bir kısa kodun esnekliği, bir Metin widget’ına dahil edilebildiği için daha da genişletilebilir. Bu yüzden bu kısa kod, Facebook beğen düğmesini görüntülemek için uygun gördüğünüz herhangi bir widget alanında görüntülenebilir. Widget alanlarına kısa kodları nasıl dahil edebileceğinizi zaten ele aldığımız için, kısa kodları nasıl ekleyebileceğinizle ilgili bağlantılı makaleyi okumanızı öneririz. [fblike] seçtiğiniz uygun bir pencere öğesi alanına kısa kod.
Son olarak eklenti, fb_like_button() işlevini çağırarak Facebook beğen düğmesini özel olarak görüntülemenize olanak tanır. Geçmişte, bu çoğunlukla doğrudan bir şablon dosyasını düzenleyerek yapılırdı. Son yıllarda bu uygulama gözden düştü ve WordPress kancalarının kullanımı standart hale geldi. Bununla birlikte bu çok gelişmiş bir WordPress konusu olduğundan, WordPress kancaları ve bu makalenin ilerleyen bölümlerinde ele alınacak konular hakkında daha fazla bilgi edinmenizi öneririz.
Bu özel durumda, beğen düğmesini özel bir konumda görüntülemek için, add_action() işlevini kullanarak fb_like_button() işlevini uygun bir kancaya “bağlamanız” gerekir. Başka bir deyişle, aşağıdaki kod satırını kullanmanız gerekir:
add_action( 'suitable-action-hook-here', 'fb_like_button' );
uygun eylem kancasını burada gerçek bir eylem kancasıyla değiştirirken. Daha sonra bu kod satırındaki eylem kancasını değiştirdikten sonra, beğen düğmesini özel bir konumda görüntülemek için, onu yalnızca alt temanızın functions.php dosyasına veya siteye özel bir eklentiye yerleştirmeniz gerekir.
Beğen Düğmesi Yapılandırıcı
WordPress web sitenize bir Facebook beğen düğmesi eklemek, özel kod kullanılarak da gerçekleştirilebilir. Eklentinin yukarıda açıklanan işlevlerinin çoğuna erişebilseniz de, bu yöntem çok daha zordur ve yalnızca ileri düzey WordPress kullanıcıları için önerilir. Aşağıda açıklayacağız.
Fakat bunu yapmadan önce, önlem olarak web sitenizin bir yedeğini almanızı kesinlikle öneririz. Ek olarak FTP aracılığıyla bazı kodlar girmeniz gerekeceğinden, FTP’nin nasıl kullanılacağını gözden geçirmeniz önerilir.
Öncelikle, Facebook’un Beğen düğmesi sayfasını ziyaret edin ve Beğen Düğmesi Yapılandırıcı bölümünü bulun. Bu bölümü kullanarak, web sitenizde uygun yerlere eklenmesi gereken kodu oluşturacağız. Bu bölümde, beğenmek istediğiniz sayfanın URL’sini, tüm like HTML öğesinin genişliğini, düzenini, işlem tipini, buton(lar)ın boyutunu ve paylaş butonunun dahil edilip edilmeyeceğini girmeniz gerekecektir. ilave olarak. Tercihlerinizi girdikten sonra devam etmek için “Kodu Al” düğmesine basın.
Aşağıdaki adımlara geçmeden önce iki şeyden bahsetmemiz gerekiyor.
İlk olarak yapılandırıcı, bu konudaki mevcut makalelerin çoğunda okuduğumuz gibi, Beğenilecek bir URL belirtmediğiniz sürece ilerlemenize izin vermeyecektir. Bu yüzden örnek olarak web sitenizin URL’sini veya Facebook sayfası bağlantınız gibi bir 3. taraf bağlantısını girmenizi öneririz. Beğen butonunu ayrı sayfalar/yazılar için nasıl ayarlayabileceğinizi daha sonra açıklayacağız.
İkincisi, yapılandırıcı, Genişlik alanını boş bırakmanıza izin verecektir. Fakat beğen düğmesi düzeninin genişliğini de girdiğinizden emin olun. Aksi takdirde, kullanılacak varsayılan genişlik 0px olduğundan, HTML’yi varolmayan hale getirdiğinden, IFrame yöntemini kullanarak görüntüleme sorunları yaşarsınız. JavaScript SDK yöntemini kullanırken aynı sorun mevcut olmasa da, yine de dikkate değer olduğunu düşündük.
Bu durum devam edebileceğimizi söyledi. Bu noktada, oluşturulmuş Facebook beğen düğmesini uygulamanın iki yolunu gösteren JavaScript SDK ve IFrame olmak üzere iki sekmeli bir açılır pencere göreceksiniz. Her iki yöntem de aşağıda gösterilecektir ancak hangisini kullanacağımıza dair kararı size bırakıyoruz. Her iki yöntemde de belirli kodları sekmeler arasında kopyalamanız/yapıştırmanız gerekeceğinden, sekmeyi açılır pencereyle açık tutmanızı öneririz. Bu durum devam edelim dedi.
JavaScript SDK Kullanarak Facebook Beğen Düğmesi Nasıl Eklenir?
JavaScript SDK sekmesinde, her biri bir kod parçası ve onu nereye ekleyeceğiniz konusunda nispeten belirsiz bir talimat içeren iki adım göreceksiniz. İlk kısım, işlevselliği sağlayan bir komut dosyası içerirken, ikinci kısım, benzer öğenin HTML yapısını içerir. Fakat çok basit görünseler de, bunları nereye ve nasıl yerleştireceklerini bilmek, işlevselliğin düzgün çalışması için gelişmiş bir WordPress anlayışı gerektirir. Aşağıda açıklamaya çalışacağız.
Öncelikle Facebook scriptini içeren kısım sekmede belirtildiği gibi ideal olarak açılış body etiketinden hemen sonra bir kez yer almalıdır. Bununla birlikte çoğu kişi bunun doğrudan header.php dosyasını düzenlemeyi gerektirdiğini varsaysa da, biz WordPress’e özelleştirme eklemek için uygun WordPress kancalarını kullanarak daha gelişmiş bir yöntemi savunuyoruz. Kodun nasıl ekleneceği ile ilgili ayrıntılara girmeden önce bunların neler olduğunu açıklayalım.
WordPress kancaları, gelişmiş WordPress kullanıcılarının mevcut işlevleri değiştirmek veya yenilerini eklemek için kullanabileceği koddaki yer tutuculardır. WordPress kancaları iki kategoriye ayrılır – yeni işlevler eklemek için kullanılan eylem kancaları ve mevcut olanları değiştirmek için kullanılan filtre kancaları.
WordPress kancalarını kullanmak için, belirli bir işlevi etkinleştiren kodla geri arama işlevleri veya geri aramalar adı verilen özel işlevler yazmanız gerekir….