CM Bilişim Teknolojileri

dfp-ad eklentisi ile google admanager entegrasyonu

Fri, 17 Jul 2020 01:52:50 +0300

Gereksinimler:

dfp-ad eklentisi ( Not: Standart sistemlerde yer almamaktadır. Özel olarak entegre edilmektedir. )

Kurulum:

after-open-body, before-close-body, inside-head reklam alanlarından herhangi birine, bu reklam alanları yoksa Genel Ayarlardaki "Ayarlar -> Kod -> body kapanmadan önce", "Ayarlar -> Kod -> body tag başlangıcı", "Ayarlar -> Kod -> head tag içi" alanına aşağıdaki kodu ekleyiniz. (admanager'dan aldıgınız kodun ilk satırı)

<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js">script>

Mapping Tanımlama: (opsiyonel)
https://support.google.com/admanager/answer/3423562?hl=tr adresinden mapping ile ilgili bilgi alabilirsiniz.

Örnek Tanımlama:

<script>
   window.googletag = window.googletag || {};
   googletag.cmd = googletag.cmd || [];
   googletag.cmd.push(function() {
      mappingFull = googletag.sizeMapping().
      addSize([1024, 360], [970, 250]).
      addSize([768, 360], [728, 90]).
      addSize([360, 360], [336, 280]).
      addSize([0, 0], [300, 250]).
      build();
      
      mappingMiddle = googletag.sizeMapping().
      addSize([768, 360], [[670, 250], [336, 280], [300, 250]]).
      addSize([360, 360], [336, 280]).
      addSize([0, 0], [300, 250]).
      build();
      
      mappingSide = googletag.sizeMapping().
      addSize([360, 360], [336, 280]).
      addSize([0, 0], [300, 250]).
      build();
      
      mappingPageSkin = googletag.sizeMapping().
      addSize([1610, 600], [[300, 600]]).
      addSize([1366, 600], [[160, 600]]).
      addSize([1280, 600], [[120, 600]]).
      addSize([0, 0], []).
      build();
   });
script>

Kullanım 1:

<dfp-ad data-id="/5042/Reklam/Haber-detay" data-sizes="[[300, 250], [336, 280]]"/>

data-id bölümüne admanager'dan aldıgınız koddaki defineSlot bölümündeki ilk parametre girilmeli

data-sizes bölümüne admanager'dan aldıgınız koddaki defineSlot bölümündeki ikinci parametre girilmeli

Kullanım 2:

<dfp-ad data-id="/5042/Reklam/Haber-detay" data-sizes="[]" data-mapping="mappingSide" />

data-mapping bölümü opsiyoneldir. Kullanabilmeniz için oncelikle Kurulum adımındaki gibi mapping tanımlamalarını yapmalısınız. Buraya girilecek veri ise tanımlanan mapping değişkeninin adıdır.

** mapping tanımlaması kullanıyorsanız sizes bölümüne örnekteki gibi değer tanımlayınız.

Google Ad Manager Üzerinden Siteye Reklam Ekleme

Thu, 05 Nov 2020 15:20:00 +0300

İçerik İçi Reklam Yayını

Mon, 21 Sep 2020 16:47:22 +0300

CMNews V6 sistemlerinde içerik içi reklamlar yayınlanabilmektedir.

Reklamların nerede çıkacağı otomatik olarak ayarlanmaktadır.

Bu reklamları aşağıda listelenmiştir.

Normal sitenizin Haber Detay sayfalarında gösterilen reklamlar

1- Haber Detay -> İçerik İçi 01

2- Haber Detay -> İçerik İçi 02

3- Haber Detay -> İçerik İçi 03

4- Haber Detay -> İçerik İçi 04

5- Haber Detay -> İçerik İçi 05

Normal sitenizin Yazar yazı sayfalarında gösterilen reklamlar

1- Yazar Yazı -> İçerik İçi 01

2- Yazar Yazı -> İçerik İçi 02

3- Yazar Yazı -> İçerik İçi 03

4- Yazar Yazı -> İçerik İçi 04

5- Yazar Yazı -> İçerik İçi 05

AMP detay sayfalarında gösterilen reklamlar

1- AMP Detay -> İçerik İçi 01

2- AMP Detay -> İçerik İçi 02

3- AMP Detay -> İçerik İçi 03

4- AMP Detay -> İçerik İçi 04

5- AMP Detay -> İçerik İçi 05

Mobil Görünüm İçin Ayrı Reklam Ekleme V5/V6

Mon, 04 Jan 2021 15:17:44 +0300

Admin Panelindeki Genel İşlemler->Reklam Yönetimine giriş yaptıktan sonra değiştirmek istediğiniz reklam alanına düzenleye tıklayarak giriş yapınız.

Daha aşağıda belirtildiği gibi sürümünüze göre kodları kopyalayıp yapıştırınız.

Masaüstün'de görüntülecek reklamı aşağıdakı göründüğü yere yapıştırınız.

Mobil de görüntülenecek reklamı mobil için olan bölüme yapıştırınız.

Göndere bastıktan sonra indexleri yenilediğiniz zaman istediğiniz işlem gerçekleşir.

V6 için

v5 için

taboola reklam kodu ve infinity scroll entegrasyonu

Tue, 05 May 2020 08:36:08 +0300

Infinity scroll özelliği aktif olan siteler aşağıdaki kodu kullanarak devam eden sayfalarda taboola reklamlarının aktif olmasını sağlayabilirler.

Öncelikle taboola tarafından gönderilen dökümandaki içine eklenmesi istenilen kodu head alanına ekleyiniz

Daha sonra aşağıdaki kodları reklamın görünmesini istediğiniz yere ekleyiniz.

<div class="cm-taboola-below-article">div>

<script type="text/javascript">
   window._taboola_iterator = window._taboola_iterator || 0;
   _taboola_iterator++;
   _taboola_container = "cm-taboola-container-" + _taboola_iterator;
   
   elm = document.querySelector(".cm-taboola-below-article");
   elm.setAttribute('class', '');
   elm.setAttribute('id', _taboola_container );
   if(typeof $ == 'undefined')
   {
      _taboola_url = window.location.href;
   }
   else
   {
      _taboola_url = $('.news-scroll > .post-item').last().data('url');
   }
   
   window._taboola = window._taboola || [];
   _taboola.push({mode:'thumbnails-a', container: _taboola_container , placement: 'Below Article Thumbnails', target_type: 'mix'});
   _taboola.push({article:'auto', url: _taboola_url });
script>

...

V6 Reklam Ekleme

Fri, 06 Nov 2020 16:30:17 +0300

Aşağıdaki adımları takip ederek reklam ekleme işlemini yapabilirsiniz.

1. Admin Panelindeki "Genel İşlemler" menüsü altındaki "Reklam Yönetimi" linkini seçiniz.

2. Açılan sayfada sağ kısımda reklam verebileceğiniz alanlar bulunmaktadır.

"İşlem" sütunundaki "Aktif" veya "Pasif" butonlarını kullanarak reklamların durumunu değiştirebilirsiniz.

"İşlem" Sütunundaki "Düzenle" butonu kullanarak reklam kodunu yerleştirebileceğiniz bölüme giriş yapabilirsiniz.

"Düzenle" butonuna bastıktan sonra karşınıza aşağıdaki resimdeki ekran gelecektir.

Eğer elinizde hazır bir reklam kodu var ise, direk olarak "Kod 1" alanına yerleştirip "Durum" alanını "Aktif" olarak ayarlayarak reklamınızı yayınlayabilirsiniz.

Hazır reklam kodunuz mevcut değil ise, "Kod 1" alanının altındaki "Kod Oluştur" butonuna basınız.

Açılan "Reklam Kodu Oluşturma" sayfasında kolayca reklam kodu oluşturmanızı sağlayacak seçenekler mevcuttur.

Elinizdeki reklam dosyasına ve de kullanacağınız reklam yerine göre bu sayfadaki seçenekleri kullanarak kod oluşturabilirsiniz.

V6 Sistemlerimiz Responsive olarak hazırlandığı için reklam kodu oluştururken "Resim-Responsive" seçeneğini seçmenizi öneririz.

Ayrıca AMP reklamları için "Resim-AMP" seçeneğini kullanmanız gerekmektedir.

Reklam Tipleri Aşağıda açıklanmıştır.

"Resim": bu seçeneği kullanarak sabit boyutlu resim reklamlarınızı yükleyebilir ve de reklam kodunu oluşturabilirsiniz.

"Resim-AMP": AMP sayfalarında gözükecek resim reklamlarınızı yükleyebilir ve de reklam kodunu oluşturabilirsiniz.

"Resim-Script": Java Scripte uygun şekilde resim reklamlarınızı yükleyebilir ve de reklam kodunu oluşturabilirsiniz.

"Resim-Responsive": Responsive sistemine uygun resim reklamlarınızı yükleyebilir ve de reklam kodunu oluşturabilirsiniz.

"AMP Dönüştür": Var olan eski resimli reklamlarınızı AMP uyumlu hale dönüştürmek için kullanabilirsiniz.

Banner tipini seçtikten sonra yapılacak işlemler.

1- "Reklam Dosya Yolu": Reklam için kullanılacak resmin adresinin bu kutucuğa girilmesi gerekmektedir. Mevcut bir linkiniz varsa direk olarak bu kutucuğa girebilirsiniz.

Mevcut bir linkiniz yoksa kutucuğun altında bulunan "Yeni Ekle" butonunu kullanarak Web’den veya bilgisayarınızdan reklam resminizi sitenize yükleyebilirsiniz.

2- "Reklam Linki": Reklam tıklandığında açılacak bir adres bildirilmiş ise, bu alana açılacak linki yazmanız gerekmektedir. Herhangi bir link yok ise boş bırakabilirsiniz.

3- "Hedef Pencere": Reklam tıklandığında linkin nasıl olarak davranacağını belirlemek için bir seçim yapabilirsiniz. Normalde sayfa dışına bir link verdiyseniz "Yeni Pencerede Aç" seçili olmalıdır.

İlgili alanları doldurduktan sonra "Kod Oluştur" butonuna tıklayınız.

İşlem sonucunda reklam kodu oluşacaktır.

"Kodu Kullan" butonuna tıklayarak kodun belirlediğiniz reklam alanında kullanılmasını sağlayabilirsiniz.