Mövzunu Açan
#0
Prebid.js, açık kaynaklı bir reklam arayüzü olarak, yayıncıların reklam alanlarını daha verimli bir şekilde yönetmelerine ve daha iyi gelir elde etmelerine yardımcı olur. Google Ad Manager ile entegrasyonu, birçok avantaj sunar. İşte bu entegrasyonu adım adım nasıl gerçekleştireceğinize dair kapsamlı bir rehber.
1. Gerekli Kütüphanelerin Yüklenmesi
Öncelikle, Prebid.js kütüphanesini projenize dahil etmelisiniz. Bunu yapmanın en kolay yolu, Prebid.js'i prebid.org adresinden indirerek veya CDN aracılığıyla yüklemektir. Örnek bir yükleme şu şekildedir:
2. Google Ad Manager Ayarları
Google Ad Manager hesabınızda, Prebid.js için gerekli olan reklam birimlerini oluşturmalısınız. Bu adımlar şunlardır:
3. Prebid.js Yapılandırması
Prebid.js'i yapılandırmak için bir JavaScript dosyası oluşturmalısınız. Aşağıda temel bir yapılandırma örneği verilmiştir:
4. Reklamın Çalıştırılması
Yapılandırmayı tamamladıktan sonra, reklamların gösterilmesi için aşağıdaki kodu kullanarak Prebid.js'i çalıştırmalısınız:
Bu adımları tamamladığınızda, Prebid.js ve Google Ad Manager entegrasyonunuz başarıyla gerçekleştirilmiş olacaktır. Bu yapılandırma, reklam alanlarınızda daha fazla kontrol ve esneklik sağlayarak gelirlerinizi artırmanıza yardımcı olabilir.
1. Gerekli Kütüphanelerin Yüklenmesi
Öncelikle, Prebid.js kütüphanesini projenize dahil etmelisiniz. Bunu yapmanın en kolay yolu, Prebid.js'i prebid.org adresinden indirerek veya CDN aracılığıyla yüklemektir. Örnek bir yükleme şu şekildedir:
CODE
12
2. Google Ad Manager Ayarları
Google Ad Manager hesabınızda, Prebid.js için gerekli olan reklam birimlerini oluşturmalısınız. Bu adımlar şunlardır:
- Yeni bir reklam birimi oluşturun ve "Ad unit code" kısmını not edin.
- Reklam biriminizin boyutlarını belirleyin (örneğin, 300x250).
- Bu birim için bir teklif veren (bidder) tanımlayın.
3. Prebid.js Yapılandırması
Prebid.js'i yapılandırmak için bir JavaScript dosyası oluşturmalısınız. Aşağıda temel bir yapılandırma örneği verilmiştir:
CODE
12345678910111213141516171819202122232425262728
var pbjs = pbjs || {};
pbjs.que = pbjs.que || [];
pbjs.bidderSettings = {
standard: {
adserver: {
adserverName: 'googletag',
adserverTargeting: ['hb_bidder', 'hb_adid', 'hb_pb']
}
}
};
pbjs.addAdUnits({
code: 'your-ad-unit-code',
mediaTypes: {
banner: {
sizes: [[300, 250]] // Banner boyutları
}
},
bids: [
{
bidder: 'yourBidder',
params: {
// Bidder parametreleri
}
}
]
});
4. Reklamın Çalıştırılması
Yapılandırmayı tamamladıktan sonra, reklamların gösterilmesi için aşağıdaki kodu kullanarak Prebid.js'i çalıştırmalısınız:
CODE
12345678910
pbjs.requestBids({
bidsBackHandler: function(bidResponses) {
// Google Ad Manager ile entegrasyon
googletag.cmd.push(function() {
pbjs.setTargetingForGPTAsync(['your-ad-unit-code']);
googletag.pubads().refresh();
});
}
});
Bu adımları tamamladığınızda, Prebid.js ve Google Ad Manager entegrasyonunuz başarıyla gerçekleştirilmiş olacaktır. Bu yapılandırma, reklam alanlarınızda daha fazla kontrol ve esneklik sağlayarak gelirlerinizi artırmanıza yardımcı olabilir.