utenma/wiringbits-logo

Wiringbits UTM campaign float logo script

Usage

Include the js script in a HTML script tag and pass dataset parameters with data-* attributes

<script 
    src="./main.js" 
    data-img_src="https://wiringbits.net/assets/branding/wiringbits-logo-mark-full-color-rgb.svg"
    data-font_fam="erbaum"
    data-tip="Powered by Wiringbits"
    data-website="https://wiringbits.net"
    data-utm_medium="referrer">
</script>

Props

All parameters of Google dev tools campaign url builder are supported

Attribute	Description
data-img_src	Logo asset source
data-font_fam	Tooltip font family
data-tip	Hover tooltip
data-website	Utm owner
data-utm_id	Ads campaign id
data-utm_source	Campaign referrer
data-utm_medium	Marketing medium
data-utm_campaign	Product, promo code, or slogan
data-utm_term	Identify the paid keywords
data-utm_content	Use to differentiate ads

Campaign URL

The example above will generate the following url :

https://wiringbits.net/?utm_source=localhost&utm_medium=referer

Commands

Requirements

• Node 16

npm install

Testing

npm run dev

Build

npm run build

The generated main.js will be placed at the ./dist folder, ready to be served from a CDN.