Meta Piksel (Meta Pixel), web sitenize eklenen küçük bir JavaScript kodudur. Sitenizi ziyaret eden kişilerin hangi sayfaya baktığını, sepete ne eklediğini ya da form doldurup doldurmadığını Meta'ya bildirir. Kurulum için Meta'nın Etkinlik Yöneticisi'nde (Events Manager) bir piksel oluşturur, çıkan kodu sitenizin <head> bölümüne ya da Google Tag Manager'a ekler, ardından olayları test edersiniz.
Bu yazıda pikselin ne işe yaradığını, üç farklı yolla nasıl kurulacağını, nasıl doğrulanacağını, hangi olayların izlenmesi gerektiğini ve çerez onayı konusunda nelere dikkat edeceğinizi bulacaksınız.
Meta Piksel Nedir ve Ne İşe Yarar?
Meta Piksel, Facebook ve Instagram reklamlarınızın sitenizde ne ürettiğini ölçmenizi sağlayan izleme kodudur. Eski adı Facebook Pixel olduğu için aramalarda hâlâ "facebook pixel" olarak da geçer; aynı üründen söz ediyoruz.
Piksel dört iş yapar:
- Dönüşüm ölçümü: Reklama tıklayan kişinin satın alma, form gönderme ya da arama yapma gibi bir eylemi tamamlayıp tamamlamadığını kaydeder.
- Reklam optimizasyonu: Meta'nın reklamı, sitenizde işlem yapma ihtimali yüksek kişilere göstermesi için gereken veriyi sağlar. Dönüşüm hedefli bir kampanyada piksel verisi yoksa optimizasyon yapılacak sinyal de yoktur.
- Özel hedef kitle: Sitenizi ziyaret edenlerden, belirli bir sayfaya bakanlardan ya da sepeti terk edenlerden yeniden pazarlama kitleleri oluşturmanıza olanak verir. Kitle mantığı için Meta reklamlarında hedef kitle belirleme rehberimize bakabilirsiniz.
- Raporlama: Hangi reklamın hangi dönüşümü getirdiğini Reklam Yöneticisi'nde (Ads Manager) görmenizi sağlar.
Kısacası piksel olmadan reklam yayınlayabilirsiniz, ancak ne işe yaradığını bilemez ve Meta'nın optimizasyon sistemini körlemesine çalıştırmış olursunuz.
Kurulumdan Önce Hazırlamanız Gerekenler
Kuruluma başlamadan şunların hazır olması işi kısaltır:
- Bir Meta işletme portföyü (eski adıyla Business Manager) ve içinde bir reklam hesabı. Henüz yoksa Meta Business Manager kurulumu ve reklam hesabı açma yazımızdan başlayın.
- Sitenizin kodunu düzenleme yetkisi: tema dosyası, eklenti paneli ya da Google Tag Manager erişimi.
- Sitenizde bir çerez onay aracı varsa, ayarlarına erişim (konu aşağıda ayrıca anlatılıyor).
Meta Piksel Nasıl Oluşturulur? (Piksel ID Nereden Bulunur?)
Meta, Etkinlik Yöneticisi'nde pikseli artık "veri kümesi" (dataset) çatısı altında gösterebiliyor. Kullanıcı arayüzünde adı değişse de iş aynı: sitenizden gelen verinin toplandığı bir kaynak oluşturuyorsunuz ve ona bir numara veriliyor. Bu numara piksel ID'sidir. Mevcut bir piksel veri kümesine dönüştüğünde numara değişmez.
- Meta hesabınızla business.facebook.com adresine girin ve doğru işletme portföyünü seçin.
- Sol menüden Tüm araçlar > Etkinlik Yöneticisi (Events Manager) yolunu izleyin. Alternatif yol: Reklam Yöneticisi > Etkinlik Yöneticisi.
- Veri kaynağı bağla (Connect data) düğmesine tıklayın ve Web'i seçin.
- Pikselinize bir ad verin. Sitenizin adını ve alan adını içeren sade bir ad kullanın, çünkü birden fazla pikseliniz olursa ayırt etmeniz gerekecek.
- Sitenizin adresini yazın ve devam edin. Meta, kurulum yöntemi olarak size birkaç seçenek sunar: ortak entegrasyon, manuel kod ekleme ve e-postayla geliştiriciye gönderme.
- Pikselin ID'sini (15-16 haneli bir sayı) not alın. Sonradan da Etkinlik Yöneticisi > Veri kaynakları altında pikselin adının altında görebilirsiniz.
Bir işletme portföyünün birden fazla pikseli olabilir, ama bir web sitesi için tek piksel yeterlidir. Aynı siteye iki ayrı piksel kodu yüklemek olayların çift sayılmasına yol açar.
Meta Pikseli Web Sitenize Kurmanın Üç Yolu
Hangi yolu seçeceğiniz sitenizin yapısına bağlıdır. Aşağıdaki tablo seçim yapmanıza yardımcı olur.
| Yöntem | Kimler için uygun | Avantajı | Dikkat edilecek nokta |
|---|---|---|---|
| Koda elle ekleme | Kendi kodunu yöneten, özel yazılım siteler | Tam kontrol, ek araç gerekmez | Her güncellemede tema dosyası ezilebilir |
| Google Tag Manager | Birden fazla etiket kullanan siteler | Kod değiştirmeden ekleme ve güncelleme | Tetikleyicileri doğru kurmak gerekir |
| Platform entegrasyonu (WordPress, Shopify vb.) | Hazır altyapı kullanan siteler | En hızlı kurulum, genellikle Dönüşüm API'siyle birlikte gelir | Eklenti ya da uygulama sürümüne bağımlısınız |
Yöntem 1: Base Code'u Siteye Elle Eklemek
Meta'nın Pixel kurulum dokümanına göre piksel ana kodu (base code), izlemek istediğiniz her sayfanın <head> etiketleri arasına yerleştirilir. Çoğu sitede bu, tüm sayfalarda ortak kullanılan header dosyasıdır. Head'e koymak, tarayıcının ya da başka kodların pikseli engelleme ihtimalini azaltır ve kodun daha erken çalışmasını sağlar.
- Etkinlik Yöneticisi içinde pikselinizi seçin.
- Pikseli kur (Set up pixel / Install pixel) düğmesine tıklayın ve Kodu kendiniz yükleyin (Install code manually) seçeneğini seçin.
- Çıkan kodu kopyalayın. Kodun içinde
fbq('init', 'PİKSEL_ID')vefbq('track', 'PageView')satırları bulunur. PageView satırını silmeyin; her sayfa görüntülemesinde çalışması gerekir. - Kodu sitenizin header dosyasında
</head>etiketinden hemen önceye yapıştırın. - Mobil siteniz masaüstünden ayrı bir yapıdaysa kodu ikisine de ekleyin.
- Değişikliği yayına alın ve önbelleği temizleyin. Site hızlandırma ya da önbellek eklentisi kullanıyorsanız temizlemeden eski sayfa görünmeye devam eder.
Site tarafında kodlama gerekiyorsa ve ekibinizde bunu yapacak kimse yoksa web tasarım hizmetimiz kapsamında piksel kurulumunu da yapıyoruz.
Yöntem 2: Google Tag Manager ile Kurmak
Tag Manager kullanıyorsanız pikseli sitenin koduna dokunmadan ekleyebilirsiniz. Bu, özellikle siteyi yöneten kişiden bağımsız çalışmak istediğinizde işe yarar.
- tagmanager.google.com adresinde sitenizin kapsayıcısını (container) açın.
- Etiketler > Yeni yolunu izleyin ve etiket türü olarak Özel HTML (Custom HTML) seçin.
- Meta'dan kopyaladığınız piksel ana kodunu kutuya yapıştırın.
- Tetikleyici olarak Tüm sayfalar (All Pages) seçin.
- Etiketi kaydedin, Önizleme (Preview) moduyla sitenizi açıp etiketin tetiklendiğini görün, ardından Gönder (Submit) ile yayınlayın.
- Standart olaylar için (örneğin form gönderimi ya da satın alma) her biri için ayrı bir Özel HTML etiketi ekleyin ve tetikleyicisini ilgili sayfa ya da tıklamaya bağlayın.
Çift sayım hatasının en sık görüldüğü yer burasıdır: pikseli hem tema dosyasına hem Tag Manager'a eklemiş olursunuz. Kurulumdan sonra tek bir kaynağın çalıştığından emin olun (test bölümüne bakın).
Yöntem 3: WordPress, Shopify ve Diğer Platformlar
WordPress: Meta'nın resmi eklentisi WooCommerce kullanan mağazalar için en kısa yoldur. WooCommerce yoksa tema ayarlarındaki özel kod alanına ya da bir "header ve footer kodu ekleme" eklentisine ana kodu yapıştırabilirsiniz. Elementor ya da benzeri bir sayfa oluşturucu kullanıyorsanız kodun sayfa içeriğine değil, site geneli header alanına eklendiğinden emin olun.
Shopify: Meta'nın Shopify uygulaması üzerinden Facebook ve Instagram satış kanalını bağlayıp pikselinizi seçtiğinizde olaylar (ürün görüntüleme, sepete ekleme, satın alma) otomatik gönderilir. Veri paylaşımı düzeyini aynı ekrandan seçebilirsiniz.
Diğer platformlar: Hazır e-ticaret ve site altyapılarının birçoğu yönetim panelinde piksel ID'si için ayrı bir alan sunar. Altyapınızın entegrasyon veya pazarlama ayarlarında böyle bir alan varsa kod eklemek yerine yalnızca piksel ID'sini girmeniz yeterlidir; yoksa yukarıdaki kod veya Google Tag Manager yöntemini kullanın.
Kurulumu Nasıl Test Edersiniz?
Kurulumun bittiğini sanıp reklam harcaması başlatmak, yanlış ölçümün en yaygın sebebidir. İki yerden kontrol edin.
Meta Pixel Helper (Meta Ads Data Advisor) ile Sayfa Kontrolü
Meta Pixel Helper, tarayıcınızda açık sayfada hangi piksel olaylarının çalıştığını gösteren ücretsiz Chrome eklentisidir. Meta'nın geliştirici dokümanına göre bu eklenti Meta Ads Data Advisor adını aldı ve mevcut tanılama özellikleri aynen çalışmaya devam ediyor. Chrome Web Store'da eski adla aratıp bulamazsanız yeni adla arayın. Edge için de sürümü var.
- Chrome Web Store'dan Meta Ads Data Advisor (eski adıyla Meta Pixel Helper) eklentisini kurun. Facebook hesabıyla giriş isteğe bağlıdır, tanılama için gerekmez.
- Sitenizi yeni bir sekmede açın.
- Araç çubuğundaki eklenti simgesine tıklayın. Piksel ID'nizi ve PageView olayını görmelisiniz.
- Birden fazla piksel ID'si ya da aynı olayın iki kez tetiklendiği uyarısı görürseniz pikseli iki yerden yüklemişsiniz demektir.
- Satın alma ya da form gönderimi gibi olayları test etmek için siteyi gerçek bir müşteri gibi gezin ve eklentiyi her adımda kontrol edin.
Etkinlik Yöneticisi'nde Test Olayları
Eklenti yalnızca tarayıcı tarafında çalışan olayları gösterir. Meta'ya gerçekte ulaşıp ulaşmadığını görmek için Etkinlik Yöneticisi'ni kullanın.
- Etkinlik Yöneticisi içinde pikselinizi seçin.
- Test olayları (Test events) sekmesini açın.
- Sitenizin adresini yazıp Web sitesini aç düğmesine tıklayın. Site yeni bir pencerede açılır.
- Sitede sayfa gezin, forma doldurun ya da sepete ürün ekleyin. Olaylar Test olayları ekranında birkaç saniye içinde listelenir.
- Her olayın adını, parametrelerini (value, currency vb.) ve tarayıcıdan mı sunucudan mı geldiğini kontrol edin.
Genel Bakış sekmesindeki grafikler birkaç dakika gecikmeli güncellenebilir; gerçek zamanlı doğrulama için Test olayları ekranına bakın.
Standart Olaylar: Hangilerini İzlemelisiniz?
Piksel yalnızca sayfa görüntülemelerini toplar. Reklamın asıl hedefi olan eylemleri, yani dönüşümleri, standart olaylarla bildirirsiniz. Meta'nın tanımladığı 17 standart olay vardır; çoğu işletme için birkaçı yeterlidir.
| Olay | Ne zaman tetiklenir | Hangi iş modeli için |
|---|---|---|
| ViewContent | Ürün ya da hizmet sayfası açıldığında | E-ticaret, hizmet |
| AddToCart | Sepete ürün eklendiğinde | E-ticaret |
| InitiateCheckout | Ödeme adımı başladığında | E-ticaret |
| Purchase | Satın alma tamamlandığında (value ve currency gerekli) | E-ticaret |
| Lead | Form gönderildiğinde ya da teklif talep edildiğinde | Hizmet, B2B, yerel işletme |
| Contact | Telefon ya da WhatsApp tıklandığında | Yerel işletme |
| Schedule | Randevu alındığında | Klinik, salon, danışmanlık |
| CompleteRegistration | Üyelik formu tamamlandığında | Üyelik, uygulama |
Ek bilgi aktaran olaylarda parametre kullanın. Meta standart olaylar referansına göre value parametresi para değerini temsil eden bir sayı olmalı ve satın alma olaylarında ya da değer optimizasyonu kullanılan olaylarda zorunludur; currency parametresi de para birimi kodunu (TRY gibi) taşır. Örnek: fbq('track', 'Purchase', {value: 1250.00, currency: 'TRY'});
Olay kodunu, olayın gerçekleştiği anda çalışacak yere koyun. Teşekkür sayfanız varsa Lead kodunu o sayfaya, form AJAX ile gönderiliyorsa gönder düğmesinin başarılı yanıtına bağlayın. Form sayfası açıldığında Lead tetiklemek, kimse form doldurmasa bile dönüşüm kaydeder.
Kodsuz ilerlemek isterseniz Etkinlik Yöneticisi'nde pikselin içinde Olay kurulum aracı (Event setup tool) bulunur; sitenizi açıp düğmeleri işaretleyerek olay tanımlamanızı sağlar. Karmaşık sitelerde kod ya da Tag Manager daha sağlıklı sonuç verir.
Dönüşüm API'si (Conversions API) Nedir, Pikselin Yerine mi Geçer?
Dönüşüm API'si (Conversions API), olayları tarayıcı yerine doğrudan sizin sunucunuzdan Meta'ya göndermenin yoludur. Piksele alternatif değil, tamamlayıcıdır: Meta aynı pikseli (ID'yi) hem tarayıcı hem sunucu olayları için kullanmanızı önerir.
Neden gerekir? Tarayıcı tabanlı piksel, reklam engelleyiciler, tarayıcı gizlilik ayarları ve çerez reddi nedeniyle bazı olayları kaçırabilir. Sunucudan gönderilen aynı olay bu boşluğu kapatabilir. Aynı eylem hem pikselden hem sunucudan geldiğinde Meta'nın yinelemeyi önlemesi için iki tarafta aynı event_name ve event_id değerlerinin gönderilmesi gerekir.
Kurulum yolları:
- Ortak entegrasyonu: Shopify, WooCommerce gibi platformlarda birkaç tıkla açılır; en kolay yoldur.
- Elle kurulum: Etkinlik Yöneticisi'nde Elle kur (Set up manually) altında erişim anahtarı oluşturup sunucunuzdan olay gönderirsiniz; yazılım desteği gerektirir.
- Tag Manager sunucu tarafı: Google Tag Manager'ın sunucu kapsayıcısıyla da gönderilebilir; altyapı maliyeti vardır.
Küçük bir işletmeyseniz önce pikseli doğru kurup standart olayları oturtun. Platformunuz tek tıkla sunuyorsa Dönüşüm API'sini sonra açın.
KVKK ve Çerez Onayı: Pikseli Onay Olmadan Çalıştırmayın
Piksel, ziyaretçinin tarayıcısına çerez bırakır ve kişisel veri niteliğinde bilgi işler. Bu nedenle Türkiye'de KVKK kapsamında sitenizde bir çerez aydınlatma metni ve izleme çerezleri için ziyaretçinin onayını alan bir mekanizma bulunmalıdır. Hukuki ayrıntılar için avukatınıza ya da KVKK uzmanınıza danışın; teknik taraf için şunlara dikkat edin:
- Çerez onay aracınızda pazarlama kategorisi ayrı bir onay seçeneği olmalı.
- Ziyaretçi pazarlama çerezlerini kabul etmeden piksel tetiklenmemeli. Bunu çerez aracınızın Tag Manager entegrasyonuyla (onay durumuna göre etiket tetikleme) sağlayabilirsiniz.
- Onay verildiğinde piksel çalışmalı, reddedildiğinde çalışmamalıdır. Bunu Pixel Helper ile iki durumda da test edin.
- Gizlilik politikanız ve çerez metniniz Meta pikselini ve ne amaçla kullanıldığını açıkça belirtmeli.
- Sağlık, finans gibi hassas verilerin işlendiği sitelerde hangi olay ve parametrelerin gönderildiğini daha da dikkatli sınırlayın.
Özet ve Sonraki Adım
Meta Piksel kurulumunun sırası şudur: Etkinlik Yöneticisi'nde piksel oluşturun, ana kodu elle, Tag Manager ile ya da platform entegrasyonuyla ekleyin, Meta Pixel Helper (şimdiki adıyla Meta Ads Data Advisor) ve Test olayları ekranıyla doğrulayın, işiniz için gerekli standart olayları ve değerleri bildirin, çerez onayını pikselle bağlayın. Ardından Dönüşüm API'siyle ölçümü güçlendirebilirsiniz.
Reklam hesabınızı ve ölçümünüzü birlikte kurmak ya da mevcut kurulumun doğru çalışıp çalışmadığını kontrol ettirmek isterseniz sosyal medya ve reklam yönetimi hizmetimize göz atabilir ya da bizimle iletişime geçebilirsiniz. Reklam verme sürecinin tamamını Instagram reklamı nasıl verilir rehberimizde anlattık.