• AK
  • Web
  • SEO
الصفحة الرئيسية
Blogger

Google Adsense

Eva

Adsense eklentisini kurun

Blogunuz bir Adsense hesabına bağlıysa Adsense betiği otomatik olarak yüklenecektir.

Eğer blogunuz bir Adsense hesabına bağlı değilse veya scripti yüklemek için farklı bir yayıncı kimliği kullanmak istiyorsanız, HTML'i Düzenle kısmında aşağıdaki kod parçacığını bulabilir ve yayıncı kimliğinizi ekleyebilirsiniz.

<Variable name="adsense.clientId" description="Adsense Client Id" type="string" default="" value=""/>
[!] Adsense Client Id
[!] @type {String}
[!] If Blank: It will be automated if Blog is connected with Adsense Account
[!] Warning: Only digits are allowed
<Variable name="adsense.clientId" description="Adsense Client Id" type="string" default="" value="0000000000000000"/>
[!] Adsense Client Id
[!] @type {String}
[!] If Blank: It will be automated if Blog is connected with Adsense Account
[!] Warning: Only digits are allowed

Yayımcı kimliğinin sadece rakam kısmı eklenmeli, yani sadece 'den 0000000000000000çıkararak eklemeniz yeterli .ca-pub-ca-pub-0000000000000000

Adsense tarafından önerilen Edit HTML'in herhangi bir yerine aşağıdaki kod parçacıklarından hiçbirini eklemenize gerek olmadığını unutmayın çünkü yukarıda belirtilen yayıncı kimliğiyle sizin için otomatik olarak eklenecektir.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000"
     crossorigin="anonymous"></script>
<script async custom-element="amp-auto-ads"
        src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js">
</script>
<amp-auto-ads type="adsense"
        data-ad-client="ca-pub-0000000000000000">
</amp-auto-ads>

Manuel reklam birimi eklerken, scriptin birden fazla kez yüklenmesini önlemek için işaretli kısmı kaldırın.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000"
     crossorigin="anonymous"></script>
<!-- Ad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="0000000000"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!-- Ad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="0000000000"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Komut dosyası yükleme davranışını değiştir

Varsayılan olarak betik normal olarak yüklenir ve bu PageSpeed ​​Insights Performansını etkileyebilir. Performansın yavaş olmasını istemiyorsanız, betik yükleme davranışı arasında geçiş yapabilirsiniz.

Eklenti 4 tip script yüklemesi sağlar, genellikle Normal , Erteleme , Tembel ve Erteleme + Tembel . Varsayılan tip Normal olarak ayarlanmıştır .

Bu yükleme tiplerinin davranışları şu şekildedir:

  1. Normal : Komut dosyasını yukarıya ekleyerek normal şekilde yükler </head>. PageSpeed ​​Insights performansını etkiler.
  2. Ertele : Sayfa yüklendikten sonra betiği dinamik olarak yükler. PageSpeed ​​Insights performansını etkiler.
  3. Lazy : Komut dosyasını ilk kez kullanıcı etkileşiminde dinamik olarak yükler ve bir sonraki seferde komut dosyasını anında yükler. PageSpeed ​​Insights performansını etkilemez.
  4. Ertele + Lazy : Lazy ile aynıdır ancak sayfanın önce yüklenmesini sağlar. PageSpeed ​​performansını etkilemez.

Normal dışındaki herhangi bir betik yükleme türünü kullanırken , kazançlar biraz etkilenebilir çünkü betik yüklemesi gecikir ve bu da reklamların yüklenmesini geciktirir veya bazen görüntülenmez. Tüm türlerin avantajları ve dezavantajları vardır, akıllıca seçin.

Yükleme türleri arasında geçiş yapmak için şu adımları izleyin:

  1. Tema Tasarımcısına gidin .
  2. Gelişmiş sekmesine tıklayın .
  3. Açılır seçim listesinden Eklenti: Google Adsense seçeneğini seçin .
  4. Yükleme Türü uzunluğunu Normal, Erteleme, Tembel veya Tembel + Erteleme için sırasıyla 1px, 2px, 3px veya 4px olarak değiştirin.

You must always use Normal loading type if your site is not yet approved by Google Adsense. It is because other loading type dynamically loads script which cannot be detected by any crawlers resulting in Google Adsense not verifying your site.

Disable Adsense plugin

If you don't want to load Adsense script or want to explicitly add script tags. You can disable the Adsense plugin to prevent theme to load script for you.

  1. Go to Theme Designer.
  2. Click on Advanced tab.
  3. From the dropdown selection list, select Plugin: Google Adsense.
  4. Change the length of Enable Script to 1px or 2px to disable or enable respectively.

If you intend to disable the Adsense plugin to manually add script tags through Edit HTML, be careful if you have enabled the AMP plugin. We always recommend you to use the Adsense plugin to load Adsense script as it handles both AMP and Non-AMP script.

Manual Ad units

There are few ad widgets in the form of LinkList in layout from where you can add your ad unit code. You can add both Non-AMP and AMP ad unit through the same widget. These widgets are listed below.

  • Under Header Ad
  • Sticky Ad
  • Above Pinned Post Ad
  • Above Posts Ad
  • Below Posts Ad
  • Anchor Ad

Tips!
The above ad units can be configured to display only on mobile devices by adding [Mobile] in it's title, or only on desktop devices by adding [Desktop] in it's title. For example, to display anchor ad only on mobile devices, we haved added [Mobile] in its title making it Anchor Ad [Mobile]; and to display sticky ad only in desktop devices, we have added [Desktop] in its title making it Sticky Ad [Desktop].
The anchor ad can be moved to top by adding [Top] in its title, i.e. Anchor Ad [Mobile][Top].

Non-AMP Ad Unit

To add a Non-AMP ad unit in widget, edit the link with Site Name noamp and put your ad code as its Site URL by replacing existing content.

A Non-AMP ad unit looks something like the following:

<!-- Ad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="0000000000"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

AMP Ad Unit

If you are using experimental Linked AMP Lite, you can add Ad Unit for AMP variant of the pages in the ad widgets. To do so, edit the link with Site Name amp and put your amp ad code as its Site URL by replacing existing content.

An AMP ad unit looks something like the following:

<amp-ad width="100vw" height="320"
     type="adsense"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="0000000000"
     data-auto-format="rspv"
     data-full-width="">
  <div overflow=""></div>
</amp-ad>

Post middle ads

Post middle ads is used to append ad units in the middle of articles contents automatically. To add an ad unit to this widget, find the LinkList widget with title Post middle ads. You can either create a new link or edit existing one.

Site adı, reklam biriminin eklenmesi gereken CSS seçicisini belirtir. Seçici, ana gönderi gövdesi öğesinin bağlamındaki tüm öğeleri seçer. Örneğin, reklam birimini altıncı alt paragraftan hemen sonra eklemek istiyorsanız, ; kullanabilirsiniz veya reklam birimini her altıncı alt paragraftan sonra eklemek istiyorsanız, . kullanabilirsiniz .:scope > p:nth-of-type(6):scope > p:nth-of-type(6n)

Site URL'si eklenecek reklam birimini belirtir. Reklam birimi kodunuzu bu alana koyun veya mevcut bir bağlantıyı düzenliyorsanız mevcut içeriği reklam birimi kodunuzla değiştirin.

Bu reklam widget'ı sayfaların AMP varyantı için desteklenmiyor.

Akış içi reklamlar

Bu reklamlar gönderi listesi arasında görüntülenir. Bu reklam birimi düzen üzerinden yapılandırılamaz, ancak HTML'yi Düzenle üzerinden yapılandırılabilir.

Bu reklam birimi her zaman düzgün çalışmıyor, eğer endişelenmiyorsanız lütfen etkinleştirin.

  1. Blogger HTML Editörüne gidin.
  2. Aşağıdaki kod parçacığını bulun ve ikinci sekmede gösterildiği gibi değişiklikleri yapın. 
    <!--[ In-feed ad ]-->
<b:includable id='post-adIn'>
  <b:if cond='!data:amp.active'>

    <!--<div class='ntry pAdIf show-if-js'>

      <b:comment>[NO AMP] In-feed ad code here</b:comment>
      <div class='adB' expr:data-text='data:.messages.adsGoHere + &quot; (In-feed Ad)&quot;'/>

    </div>-->

  </b:if>
</b:includable>
    <!--[ In-feed ad ]-->
<b:includable id='post-adIn'>
  <b:if cond='!data:amp.active'>

    <div class='ntry pAdIf show-if-js'>

      <b:comment>[NO AMP] In-feed ad code here</b:comment>
      <ins class='adsbygoogle' style='display:block' data-ad-format='fluid' data-ad-layout-key='-xx+xx+xx-xx+xx' data-ad-client='ca-pub-0000000000000000' data-ad-slot='0000000000'></ins>
      <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

    </div>

  </b:if>
</b:includable>

En iyi makale reklamı

En üstteki makale reklamı, her makalenin en üstünde bir reklam birimi görüntülemek için kullanılır. Bu reklam birimi düzen üzerinden yapılandırılamaz, ancak HTML'yi Düzenle üzerinden yapılandırılabilir.

  1. Blogger HTML Editörüne gidin.
  2. Aşağıdaki kod parçacığını bulun ve ikinci sekmede gösterildiği gibi değişiklikleri yapın. 
    <!--[ Top article ad ]-->
<b:includable id='post-adTop'>
  <b:if cond='!data:amp.active'>

    <!--<div class='pAd show-if-js'>

      <b:comment>[NO AMP] Top article ad code here</b:comment>
      <div class='adB' expr:data-text='data:.messages.adsGoHere + &quot; (Top Article Ad)&quot;'/>

    </div>-->

    <b:else/>

    <!--<div class='pAd'>

      <b:comment>[AMP] Top article ad code here</b:comment>
      <div class='adB' expr:data-text='data:.messages.adsGoHere + &quot; (Top Article Ad)&quot;'/>

    </div>-->

  </b:if>
</b:includable>
    <!--[ Top article ad ]-->
<b:includable id='post-adTop'>
  <b:if cond='!data:amp.active'>

    <div class='pAd show-if-js'>

      <b:comment>[NO AMP] Top article ad code here</b:comment>
      <ins class='adsbygoogle' style='display:block' data-ad-client='ca-pub-0000000000000000' data-ad-slot='0000000000' data-ad-format='auto' data-full-width-responsive='true'></ins>
      <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

    </div>

    <b:else/>

    <!--<div class='pAd'>

      <b:comment>[AMP] Top article ad code here</b:comment>
      <div class='adB' expr:data-text='data:.messages.adsGoHere + &quot; (Top Article Ad)&quot;'/>

    </div>-->

  </b:if>
</b:includable>
  3. Deneysel AMP özelliğini kullanıyorsanız , bir AMP reklam birimi eklemek için kodu daha fazla değiştirebilirsiniz. 
    <!--[ Top article ad ]-->
<b:includable id='post-adTop'>
  <b:if cond='!data:amp.active'>

    <div class='pAd show-if-js'>

      <b:comment>[NO AMP] Top article ad code here</b:comment>
      <ins class='adsbygoogle' style='display:block' data-ad-client='ca-pub-0000000000000000' data-ad-slot='0000000000' data-ad-format='auto' data-full-width-responsive='true'></ins>
      <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

    </div>

    <b:else/>

    <!--<div class='pAd'>

      <b:comment>[AMP] Top article ad code here</b:comment>
      <div class='adB' expr:data-text='data:.messages.adsGoHere + &quot; (Top Article Ad)&quot;'/>

    </div>-->

  </b:if>
</b:includable>
    <!--[ Top article ad ]-->
<b:includable id='post-adTop'>
  <b:if cond='!data:amp.active'>

    <div class='pAd show-if-js'>

      <b:comment>[NO AMP] Top article ad code here</b:comment>
      <ins class='adsbygoogle' style='display:block' data-ad-client='ca-pub-0000000000000000' data-ad-slot='0000000000' data-ad-format='auto' data-full-width-responsive='true'></ins>
      <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

    </div>

    <b:else/>

    <div class='pAd'>

      <b:comment>[AMP] Top article ad code here</b:comment>
      <amp-ad width='100vw' height='320' type='adsense' data-ad-client='ca-pub-0000000000000000' data-ad-slot='0000000000' data-auto-format='rspv' data-full-width=''>
        <div overflow=''></div>
      </amp-ad>

    </div>

  </b:if>
</b:includable>

Alt makale reklamı

Alt makale reklamı, her makalenin altında bir reklam birimi görüntülemek için kullanılır. Bu reklam birimi düzen üzerinden yapılandırılamaz, ancak HTML'yi Düzenle üzerinden yapılandırılabilir.

  1. Blogger HTML Editörüne gidin.
  2. Aşağıdaki kod parçacığını bulun ve ikinci sekmede gösterildiği gibi değişiklikleri yapın. 
    <!--[ Bottom article ad ]-->
<b:includable id='post-adBot'>
  <b:if cond='!data:amp.active'>

    <!--<div class='pAd show-if-js'>

      <b:comment>[NO AMP] Bottom article ad code here</b:comment>
      <div class='adB' expr:data-text='data:.messages.adsGoHere + &quot; (Bottom Article Ad)&quot;'/>

    </div>-->

    <b:else/>

    <!--<div class='pAd'>

      <b:comment>[AMP] Bottom article ad code here</b:comment>
      <div class='adB' expr:data-text='data:.messages.adsGoHere + &quot; (Bottom Article Ad)&quot;'/>

    </div>-->

  </b:if>
</b:includable>
    <!--[ Bottom article ad ]-->
<b:includable id='post-adBot'>
  <b:if cond='!data:amp.active'>

    <div class='pAd show-if-js'>

      <b:comment>[NO AMP] Bottom article ad code here</b:comment>
      <ins class='adsbygoogle' style='display:block' data-ad-client='ca-pub-0000000000000000' data-ad-slot='0000000000' data-ad-format='auto' data-full-width-responsive='true'></ins>
      <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

    </div>

    <b:else/>

    <!--<div class='pAd'>

      <b:comment>[AMP] Bottom article ad code here</b:comment>
      <div class='adB' expr:data-text='data:.messages.adsGoHere + &quot; (Bottom Article Ad)&quot;'/>

    </div>-->

  </b:if>
</b:includable>
  3. Deneysel AMP özelliğini kullanıyorsanız , bir AMP reklam birimi eklemek için kodu daha fazla değiştirebilirsiniz. 
    <!--[ Bottom article ad ]-->
<b:includable id='post-adBot'>
  <b:if cond='!data:amp.active'>

    <div class='pAd show-if-js'>

      <b:comment>[NO AMP] Bottom article ad code here</b:comment>
      <ins class='adsbygoogle' style='display:block' data-ad-client='ca-pub-0000000000000000' data-ad-slot='0000000000' data-ad-format='auto' data-full-width-responsive='true'></ins>
      <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

    </div>

    <b:else/>

    <!--<div class='pAd'>

      <b:comment>[AMP] Bottom article ad code here</b:comment>
      <div class='adB' expr:data-text='data:.messages.adsGoHere + &quot; (Bottom Article Ad)&quot;'/>

    </div>-->

  </b:if>
</b:includable>
    <!--[ Bottom article ad ]-->
<b:includable id='post-adBot'>
  <b:if cond='!data:amp.active'>

    <div class='pAd show-if-js'>

      <b:comment>[NO AMP] Bottom article ad code here</b:comment>
      <ins class='adsbygoogle' style='display:block' data-ad-client='ca-pub-0000000000000000' data-ad-slot='0000000000' data-ad-format='auto' data-full-width-responsive='true'></ins>
      <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

    </div>

    <b:else/>

    <div class='pAd'>

      <b:comment>[AMP] Bottom article ad code here</b:comment>
      <amp-ad width='100vw' height='320' type='adsense' data-ad-client='ca-pub-0000000000000000' data-ad-slot='0000000000' data-auto-format='rspv' data-full-width=''>
        <div overflow=''></div>
      </amp-ad>

    </div>

  </b:if>
</b:includable>

Eşleşen içerik reklamı

Eşleşen içerik reklamı İlgili gönderilerin altında görüntülenir. Bu reklam birimi düzen üzerinden yapılandırılamaz, ancak HTML'yi Düzenle üzerinden yapılandırılabilir.

  1. Blogger HTML Editörüne gidin.
  2. Aşağıdaki kod parçacığını bulun ve ikinci sekmede gösterildiği gibi değişiklikleri yapın. 
    <!--[ Matched content ad ]-->
<b:includable id='post-relatedAd'>
  <b:if cond='!data:amp.active'>

    <!--<div class='rAd relatedPosts show-if-js'>

      <b:comment>[NO AMP] Matched content ad code here</b:comment>
      <div class='adB' expr:data-text='data:.messages.adsGoHere + &quot; (Matched Content Ad)&quot;'/>

    </div>-->

    <b:else/>

    <!--<div class='rAd relatedPosts'>

      <b:comment>[AMP] Matched content ad code here</b:comment>
      <div class='adB' expr:data-text='data:.messages.adsGoHere + &quot; (Matched Content Ad)&quot;'/>

    </div>-->

  </b:if>
</b:includable>
    <!--[ Matched content ad ]-->
<b:includable id='post-relatedAd'>
  <b:if cond='!data:amp.active'>

    <div class='rAd relatedPosts show-if-js'>

      <b:comment>[NO AMP] Matched content ad code here</b:comment>
      <ins class='adsbygoogle' style='display:block' data-ad-client='ca-pub-0000000000000000' data-ad-slot='0000000000' data-ad-format='auto' data-full-width-responsive='true'></ins>
      <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

    </div>

    <b:else/>

    <!--<div class='rAd relatedPosts'>

      <b:comment>[AMP] Matched content ad code here</b:comment>
      <div class='adB' expr:data-text='data:.messages.adsGoHere + &quot; (Matched Content Ad)&quot;'/>

    </div>-->

  </b:if>
</b:includable>
  3. Deneysel AMP özelliğini kullanıyorsanız , bir AMP reklam birimi eklemek için kodu daha fazla değiştirebilirsiniz. 
    <!--[ Matched content ad ]-->
<b:includable id='post-relatedAd'>
  <b:if cond='!data:amp.active'>

    <div class='rAd relatedPosts show-if-js'>

      <b:comment>[NO AMP] Matched content ad code here</b:comment>
      <ins class='adsbygoogle' style='display:block' data-ad-client='ca-pub-0000000000000000' data-ad-slot='0000000000' data-ad-format='auto' data-full-width-responsive='true'></ins>
      <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

    </div>

    <b:else/>

    <!--<div class='rAd relatedPosts'>

      <b:comment>[AMP] Matched content ad code here</b:comment>
      <div class='adB' expr:data-text='data:.messages.adsGoHere + &quot; (Matched Content Ad)&quot;'/>

    </div>-->

  </b:if>
</b:includable>
    <!--[ Matched content ad ]-->
<b:includable id='post-relatedAd'>
  <b:if cond='!data:amp.active'>

    <div class='rAd relatedPosts show-if-js'>

      <b:comment>[NO AMP] Matched content ad code here</b:comment>
      <ins class='adsbygoogle' style='display:block' data-ad-client='ca-pub-0000000000000000' data-ad-slot='0000000000' data-ad-format='auto' data-full-width-responsive='true'></ins>
      <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

    </div>

    <b:else/>

    <div class='rAd relatedPosts'>

      <b:comment>[AMP] Matched content ad code here</b:comment>
      <amp-ad width='100vw' height='320' type='adsense' data-ad-client='ca-pub-0000000000000000' data-ad-slot='0000000000' data-auto-format='rspv' data-full-width=''>
        <div overflow=''></div>
      </amp-ad>

    </div>

  </b:if>
</b:includable>

Editör

Eva
2011-2024
| Web | SEO | CSS |
| Siber Güvenlik | Adli Bilişim | Ağ Güvenliği
Ak | Web | Haber | CC | Garaj | TekNo
Read Think Exercises

إرسال تعليق