@mindful-web/marko-web-reveal-ad
v1.0.1
Published
Custom Reveal Ad Marko/Vue components for Mindful Web websites
Downloads
1,547
Readme
Mindful Web Marko Web Reveal Ad Components
Installation
Add
@mindful-web/marko-web-revel-ad
to your project/site.Include the Browser plugin.
// your-site/browser/index.js
import RevealAd from '@mindful-web/marko-web-reveal-ad/browser';
RevealAd(Browser);
export default Browser;
- Include the styles
// your-site/server/styles/index.scss
@import "@mindful-web/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 sitedocument.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>