---
### ALL PAGES ###
layout: themes/[ site.theme.id ]/frontend/core/base
permalink: /test/libraries/ads

### REGULAR PAGES ###
sitemap:
  include: false
meta:
  title: "AdSense test page"
  description: "Test page for demonstrating AdSense ad units"
  breadcrumb: "AdSense test"
  index: false
---

<section>
<div class="container">
  <div class="row">
    <div class="col-lg-8 mx-auto">
      <h1 class="h2 mb-4">AdSense test page</h1>
      <p class="lead mb-5">This page demonstrates different AdSense ad unit types and lazy loading behavior.</p>

      <!-- Display Ad -->
      <section>
        <h2 class="h4 mb-3">1. Display ad</h2>
        {% include /modules/adunits/adsense.html type="display" %}
      </section>

      <hr class="my-4">

      <!-- In-Article Ad -->
      <section>
        <h2 class="h4 mb-3">2. In-article ad</h2>
        {% include /modules/adunits/adsense.html type="in-article" %}
      </section>

      <hr class="my-4">

      <!-- In-Feed Ad (Image Above) -->
      <section>
        <h2 class="h4 mb-3">3. In-feed ad (image above)</h2>
        {% include /modules/adunits/adsense.html type="in-feed" layout="image-above" %}
      </section>

      <hr class="my-4">

      <!-- In-Feed Ad (Image Side) -->
      <section>
        <h2 class="h4 mb-3">4. In-feed ad (image side)</h2>
        {% include /modules/adunits/adsense.html type="in-feed" layout="image-side" %}
      </section>

      <hr class="my-4">

      <!-- Multiplex Ad -->
      <section>
        <h2 class="h4 mb-3">5. Multiplex ad</h2>
        {% include /modules/adunits/adsense.html type="multiplex" %}
      </section>

      <!-- Big spacing -->
      <div class="vh-50"></div>

      <!-- Lazy loaded display ad -->
      <section>
        <h2 class="h4 mb-3">6. Lazy loaded display ad (below the fold)</h2>
        <p class="text-muted mb-3">This ad should only load when scrolled into view.</p>
        {% include /modules/adunits/adsense.html type="display" %}
      </section>
    </div>
  </div>
</div>
</section>