Google Ad Manager Prebid.js Kurulum Rehberi

Bugün saat 10:40 OP

Konuyu 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:

CODE

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.

Benzer konular

İçeriği Şikayet Et