Google Ad Manager React Projelerine Entegrasyon

Yesterday at 22:06 OP

Thread Starter #0

Google Ad Manager (GAM), reklam yönetimini kolaylaştıran güçlü bir platformdur. React projelerinde GAM entegrasyonu, reklamların dinamik bir şekilde yönetimini sağlamak açısından önemlidir. Bu yazıda, React uygulamalarında Google Ad Manager entegrasyonunu adım adım inceleyeceğiz.

Öncelikle, Google Ad Manager hesabı oluşturmak ve gerekli reklam birimlerini tanımlamak gerekir. Bunun için:

Google Ad Manager hesabına giriş yapın.
"Rekabetçi Reklam Birimi" sekmesine giderek yeni bir reklam birimi oluşturun.
Oluşturduğunuz reklam biriminin ID'sini not alın; bu, React uygulamanızda ihtiyaç duyacağınız bilgidir.

React projenizde GAM'yi entegre etmek için öncelikle gerekli kütüphaneleri yüklemelisiniz. Genellikle @googleads/gpt kütüphanesi kullanılır. Bu kütüphaneyi projeye dahil etmek için şu komutu çalıştırın:

CODE

1npm install @googleads/gpt

Daha sonra, reklam birimlerinizi görüntülemek için uygun bir bileşen oluşturmalısınız. Aşağıda basit bir örnek verilmiştir:

CODE

1234567891011121314import React, { useEffect } from 'react';
import { gpt } from '@googleads/gpt';

const AdComponent = () => {
    useEffect(() => {
        const adSlot = gpt.defineSlot('/1234567/adunit', [300, 250], 'div-ad').addService(gpt.pubads());
        gpt.enableServices();
        gpt.display('div-ad');
    }, []);

    return ;
};

export default AdComponent;

Bu örnekte, AdComponent bileşeni, GAM'den bir reklam birimi alır ve belirtilen boyutlarda bir reklam gösterir. useEffect hook'u, bileşen her yüklendiğinde reklamın yüklenmesini sağlar.

Son olarak, reklam performansını izlemek için Google Ad Manager'ın sağladığı analitik araçları kullanabilirsiniz. Bu araçlar, hangi reklamların daha etkili olduğunu belirlemek için önemlidir.

React projelerinizde Google Ad Manager entegrasyonu ile ilgili başka sorularınız veya deneyimleriniz var mı?

Similar threads

Report Content