ComboStrap Ads - Ad Page

Undraw Design Objectives Re 94pd

About

An ad page is a page that contains the ad snippet (ie a bit of code that defines the content of the ad).

You can insert an ad page (ie an ad) via:

Because the ads are stored as page, they are by default added to the index.

You need to set a configuration to prevent it. See ComboStrap Ads - Global Configuration

How to create an Ad Page

This example was done with Google Ad Sense but all ad network will work the same way and provides you at the end a ad snippet.

  • After you have created an ad unit, the ad network would show you the Ad Snippet. For instance, with Google Ad Sense:

Ad Sense Snippet

  • Copy this snippet of code
  • Create a page in the :combostrap:ads namespace.
    • For a manual insertion via the ad tag for instance in a sidebar, you could create the page :combostrap:ads:insidebar
    • For in-article automatic insertion, you would create the page :combostrap:ads:inarticle1 for the first in-article ad
  • Finally, add the snippet between two html tag. Example:
<html>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-1481679052079799"
     data-ad-slot="8776594059"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</html>




Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.




Recommended Pages
Undraw Design Objectives Re 94pd
ComboStrap Ads - Automatic In-Article Ads

In-article Ads are ads that will show up in the page content. spread the ads roughly to have one ad on the screen. does not break the reading experience by placing them before a heading and not...
Undraw Design Objectives Re 94pd
ComboStrap Ads - Ad Tag

The ad tag is a syntax component of the ads module that will insert a ad (ie ad page). For instance, if you want to add a Ad in the top of the side slot, you would: Create a ad page called sideSlotTop...
Page Explorer List Name To Ui Region
Page-explorer: adding page navigation easily to your website

With the page-explorer component, you can add an explorer like panel that will list your pages in a list or collapsible tree fashion



Task Runner