BaseCMS Marko Web Reveal Ad Components
Installation
-
Add @parameter1/base-cms-marko-web-revel-ad
to your project/site.
-
Include the Browser plugin.
import RevealAd from '@parameter1/base-cms-marko-web-reveal-ad/browser';
RevealAd(Browser);
export default Browser;
- Include the styles
@import "../../node_modules/@parameter1/base-cms-marko-web-reveal-ad/scss/reveal-ad";
- Load the listener component on all pages, as close to the opening
<body>
tag as possible. This is usually handled in a common site document.marko
component
<marko-web-document ...input>
<@head>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<marko-web-gam-init />
<${input.head} />
<marko-web-gam-enable />
<marko-web-gam-targeting key-values={ uri: req.path } />
</@head>
<@above-container>
<marko-web-reveal-ad-listener />
<default-theme-site-header />
<default-theme-site-menu />
<${input.aboveContainer} />
</@above-container>
</marko-web-document>