Traction External Links Speed Bump

Beschreibung

Some websites for compliance reasons or just because they want to need to provide the user with a notice when a link is clicked that is not in that websites control. Traction External Links Speed Bump is a simple no frills plugin that provides a basic speed bump overlay when a link is clicked on a site that doesn’t match the site host’s domain name.

The plugin offers the following customization options:

  1. Omitted Domains – Enter a comma separated list of domain names that you don’t want to trigger the speed bump.
  2. Omitted Links – Enter a comma separated list of links that you don’t want to trigger the speed bump.
  3. Customize Text – Customize the speed bump text as well as the continue and cancel button text.

Read the FAQ for information on how to customize the CSS used in this plugin.

Screenshots

  • Once you have installed the plugin, navigate to Settings > Speed Bump in the admin area and fill in the text inputs with the sites, links, and text you want to customize.
  • A preview of the speed bump.

Installation

There are a few options for installing and setting up this plugin.

Upload Manually

  1. Download and unzip the plugin
  2. Upload the ‚traction-external-links-speed-bump‘ folder into the ‚/wp-content/plugins/‘ directory
  3. Go to the Plugins admin page and activate the plugin

Install Via Admin Area

  1. In the admin area go to Plugins > Add New and search for „Traction External Links Speed Bump“
  2. Click install and then click activate

To Setup The Plugin

  1. Go to Settings > Speed Bump. Enter any domain names or links you want omitted, then customize the speed bump message and button text.

FAQ

How to I customize the CSS for the speed bump?

Here is the basic markup for how the speed bump is displayed.

<pre>
    <div id="trelsb-external-link-modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="trelsb-external-link-modal-message">  

        <p id="trelsb-external-link-modal-message">
            You are about to leave the current site.
        </p>

        <a class="button trelsb-external-link-modal-continue"  tabindex="1" href="https://clickedlinkurl.com" aria-label="Continue">
            Continue
        </a>

        <span class="button trelsb-external-link-modal-close" tabindex="2" aria-label="Close">
            Cancel
        </span>

    </div>
</pre>

You can style the speed bump just like you would any other HTML elements.

Rezensionen

19. November 2019
I needed a solution for my client and in the past I've developed credit unions I had to make these speed bumps manually with my own code. Now, finally, I can just use someone elses. WHEW! Thanks 🙂 So far it works great.
Lies alle 1 Rezension

Mitwirkende & Entwickler

„Traction External Links Speed Bump“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

Änderungsprotokoll

1.6

  • Set a max height and overflow-y: auto to the modal message to prevent text overflow issue when modal message is long. Disable scrolling of website in the background while modal message is open.

1.5

  • Set max width to modal styles for readability of longer messages. Change modal text setting area from basic text input to text area and allow use of HTML tags.

1.4

  • Fix issue causing exception links and domain links to open in a new tab.

1.3

  • Fix error that was removing the link target from links.

1.2

  • Fix error keeping popup from working in Firefox.

1.1

  • Change class name of popup modal from .modal to .trelsb-modal to prevent conflicts with other CSS libraries such as Bootstrap.

0.9.2

  • Fix bug where the string saved for omitted links was being converted to all lowercase and making the comparison of links that had capital letter not work to trigger the speed bump.

0.9.1

  • Change the way the ignored domains field is sanitized to fix error where http:// was being added to first item entered. Also fixes encoding of any spaces in list when saving changes.
  • Changed javascript to account for adding of http:// or https:// to domain names in ignored list.

0.9

  • Initial launch of the plugin
  • Omit domains from triggering speed bump by entering in a list
  • Omit links from triggering speed bump by entering in a list
  • Customize speed bump message and button text