svelte-track-outboundlink

Svelte component for tracking outbound links in analytics.

Currently works with Google Tag Manager (gtag.js). Package assumes that you have already installed gtag.js.

Install

npm i svelte-track-outboundlink -D

The OutboundLink component will be output as an anchor tag. When clicked it will fire a gtag.js event with the following properties:

• Action: click
• Category: outbound
• Label: the href prop value
• Transport type: beacon

Usage

Import the component and use it in place of an anchor tag when linking to external pages:

<script>
  import OutboundLink from "svelte-track-outboundlink";
</script>

<OutboundLink href="https://www.example.com/" class="example">Example Link</OutboundLink>

The following props are available:

Name	Type	Default	Example
href	string	javascript:void(0);	https://www.exmaple.com
target	string	undefined	_blank
rel	string	undefined	noreferrer