@mindful-web/marko-web-reveal-ad NPM

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 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>

@mindful-web/object-path @mindful-web/utils

@mindful-web/marko-web-theme-monorail

1.11.9

8 months ago

1.0.1

11 months ago

1.0.0

11 months ago