Giftomatic Popunder

A lightweight JavaScript module that opens two links simultaneously: one in a new tab and another as a 'popunder' in the original tab after a configurable delay. If the user returns to the original tab before redirection, the event is canceled.

Installation

npm i @giftomatic/popunder

Usage

import * as Popunder from "@giftomatic/popunder";
Popunder.install();

Example

<!-- Simple link -->
<a
  href="https://www.google.com"
  target="_blank"
  data-popunder="https://www.bing.com"
>
  Google
</a>

<!-- Link with delay configured -->
<a
  href="https://www.amazon.co.uk"
  target="_blank"
  data-popunder="https://www.amazon.com"
  data-refresh-delay="5"
>
  Amazon
</a>

Or see the full example.

Install through jsDelivr

import * as Popunder from "https://cdn.jsdelivr.net/npm/@giftomatic/[email protected]/dist/esm/popunder.js";

Configuration

| Option | Type | Required | Description | | -------------------- | ------ | -------- | ----------------------------------------------------------- | | data-popunder | URL | Yes | URL to open as a popunder | | data-refresh-delay | Number | No | Delay in seconds before opening the popunder, default is 3s |