wordpress altyapısında woocomerce sitelerde meta pixel ve capı kurulumu
WordPress (WooCommerce) sitenizde Meta Pixel (eski adıyla Facebook Pixel) ve Conversion API (CAPI) kurulumunu yapmak, reklamlarınızın başarısı ve dönüşüm takibi için artık bir lüks değil, zorunluluk.
iOS güncellemeleri ve çerez kısıtlamaları nedeniyle sadece Pixel kullanmak yetersiz kalıyor; bu yüzden sunucu taraflı (Server-Side) çalışan CAPI ile tarayıcı taraflı çalışan Pixel'i hibrit olarak bağlamamız gerekiyor.
Bu kurulumu yapmanın en temiz, kodsuz ve resmi yolu Meta Pixel for WooCommerce eklentisini kullanmaktır. İşte adım adım kurulum rehberi:
1. Adım: Hazırlık (Meta Business Suite)
Eklentiyi kurmadan önce Meta tarafında her şeyin hazır olduğundan emin olun:
- Meta Business Suite hesabınıza gidin.
- Ayarlar > Veri Kaynakları (Data Sources) > Veri Kümesi (Data Sets) bölümüne gelin (Eski adıyla Pixel bölümü).
- Eğer halihazırda bir Pixel'iniz yoksa Ekle diyerek yeni bir veri kümesi oluşturun ve ID numarasını bir kenara not edin.
2. Adım: Resmi Eklentiyi Kurma
Eklenti kalabalığı yaratmamak ve Meta ile tam uyum sağlamak için resmi entegrasyonu kullanacağız.
- WordPress panelinizde Eklentiler > Yeni Ekle kısmına gidin.
- Arama çubuğuna "Meta Pixel for WooCommerce" (veya Facebook for WooCommerce) yazın.
- Meta tarafından geliştirilen resmi eklentiyi Şimdi Kur ve ardından Etkinleştir diyerek aktif edin.
3. Adım: Pixel ve CAPI Entegrasyonunu Bağlama
Eklentiyi kurduktan sonra sihirbazı takip ederek hem Pixel'i hem de Dönüşüm API'sini (CAPI) tek seferde bağlayabilirsiniz:
- WordPress panelinde sol menüye gelen Pazarlama (Marketing) > Facebook sekmesine tıklayın.
- Get Started (Başla) butonuna tıklayın.
- Açılan pop-up penceresinde Facebook (Meta) hesabınıza giriş yapmanızı isteyecektir. Giriş yapın.
- Sırasıyla şu varlıkları doğru seçtiğinizden emin olun: - İşletme Yöneticisi (Business Manager) - Facebook Sayfası - Instagram Hesabı (varsa) - Veri Kümesi / Pixel (Data Set) - Katalog (Eğer ürünlerinizi Meta'ya aktarmak istiyorsanız otomatik oluşturur veya var olanı seçebilirsiniz).
- Gelişmiş Eşleştirme (Advanced Matching) seçeneğini mutlaka AÇIK konuma getirin. Bu, CAPI'nin müşteri verilerini (isim, e-posta vb.) güvenli bir şekilde eşleştirmesini sağlar.
- İzinleri onaylayın ve Bitti seçeneğine tıklayın.
💡 Tebrikler! Bu resmi eklenti, hem tarayıcı (Pixel) hem de sunucu (CAPI) olaylarını otomatik olarak kurar ve çakışmaları önlemek için olay tekilleştirmesini (deduplication) kendisi halleder.
4. Adım: Kurulumun Doğruluğunu Test Etme
Kurulumu yaptıktan sonra sistemin çalışıp çalışmadığını test etmek kritik önem taşır.
Tarayıcı (Pixel) Testi:
- Tarayıcınıza Meta Pixel Helper Chrome uzantısını yükleyin.
- Web sitenize girip bir ürüne tıklayın veya sepete ekleyin.
- Uzantıya tıkladığınızda
PageView,ViewContent,AddToCartgibi olayların yeşil tik ile yandığını görmelisiniz.
Sunucu (CAPI) Testi:
- Meta Olay Yöneticisi'ne (Events Manager) gidin.
- İlgili veri kümesini (Pixel) seçin ve üst menüden Olayları Test Et (Test Events) sekmesine gelin.
- "Web sitesi olaylarını test et" kısmına site adresinizi yazıp Web sitesini aç deyin.
- Sitede birkaç işlem yapın (sepete ekleme, ödeme sayfasına gitme vb.).
- Olay Yöneticisi ekranına geri döndüğünüzde olayların listelendiğini göreceksiniz. "Yöntem" (Method) sütununda hem Tarayıcı (Browser) hem de Sunucu (Server) ibarelerini bir arada görüyorsanız CAPI başarıyla çalışıyor demektir.
Alternatif Yol: PixelYourSite Eklentisi
Eğer resmi eklentiyle ilgili bir sorun yaşarsanız veya daha gelişmiş (GA4, TikTok Pixel, Pinterest Pixel vb. hepsini tek yerden yönetmek) bir yapı istiyorsanız, WordPress dünyasındaki en popüler alternatif PixelYourSite eklentisidir.
- Bu eklentide Meta Pixel ID'nizi ve Meta Olay Yöneticisi'nden alacağınız CAPI Erişim Token'ını (Access Token) manuel olarak eklenti ayarlarına yapıştırarak kurulumu tamamlayabilirsiniz. Kurulum esnasında bir takılma yaşarsanız ya da test adımlarında kafanıza takılan bir şey olursa sorabilirsiniz!