Sharing & Embedding - Fanaura Documentation

Your smart links are only valuable if fans find them. This guide covers every way to share, embed, and distribute your Fanaura content — from simple copy-paste links to embeddable widgets and QR codes.

Copy Link

Every asset in Fanaura has a Copy Link button. One click and the smart link URL is on your clipboard, ready to paste anywhere.

Where to Find It

Assets page — each release, merch product, tour, and extra has a copy icon
Release detail page — prominent Copy Link button
Tour detail page — copy the full tour link or individual event links
Merch product card — copy button on each product
Artist Hub — copy your main hub URL from your settings

Where to Paste It

When you share a Fanaura smart link on social media, it looks professional. Every smart link includes Open Graph (OG) metadata and Twitter Card data that tells platforms exactly how to display your link.

What Gets Displayed

When you paste a Fanaura link on a social platform, the preview shows:

Image — your album artwork, product photo, or artist image (large, high-quality)
Title — the name of the content (e.g., “Midnight Drive by Midnight Artist”)
Description — context about the content (e.g., “Pre-save on Spotify, Apple Music, and more”)
URL — the clean fan.fanaura.com domain

Platform-Specific Behavior

Platform	Preview Type	Image Size
Instagram Stories	Link sticker (no preview card)	N/A
Twitter/X	Large image card	1200x630 recommended
Facebook	Rich preview card	1200x630 recommended
LinkedIn	Article card	1200x627 recommended
Discord	Rich embed	Varies
iMessage	Rich link preview	Varies
WhatsApp	Rich link preview	Varies
Slack	Unfurled link	Varies

Open Graph Tags

Every smart link automatically includes these OG tags:

<meta property="og:title" content="Midnight Drive - Midnight Artist" />
<meta property="og:description" content="Pre-save on Spotify, Apple Music, and more" />
<meta property="og:image" content="https://[artwork-url]" />
<meta property="og:url" content="https://fan.fanaura.com/midnightartist/midnight-drive" />
<meta property="og:type" content="music.song" />

Twitter Cards

Twitter-specific tags for optimized display on X:

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Midnight Drive - Midnight Artist" />
<meta name="twitter:description" content="Pre-save on Spotify, Apple Music, and more" />
<meta name="twitter:image" content="https://[artwork-url]" />

Optimizing Your Previews

Use high-quality artwork — at least 1200x1200 pixels. Social platforms crop and resize, so start with the biggest image you have.

Check previews before sharing — use Facebook’s Sharing Debugger or Twitter’s Card Validator to see exactly how your link will appear.

Clear cached previews — if you update your artwork or title, social platforms may cache the old preview. Use their debugging tools to force a refresh.

The tour embed widget lets you display your Fanaura tour dates on any external website — your official site, a WordPress blog, a Squarespace page, or anywhere that accepts HTML.

Generating an Embed

Navigate to Tours

Go to your Tours section in Fanaura.

Select Your Tour

Select the tour you want to embed.

Click Embed

Click the Embed button.

Choose Style

Choose your embed type and style preset.

Copy Code

Copy the generated code.

Paste on Your Site

Paste it into your website.

Embed Types

JavaScript Embed (Recommended)
HTML Embed (Self-Contained)

A lightweight JavaScript snippet that loads your tour dates dynamically:

<div id="fanaura-tour-widget" data-artist="midnightartist" data-tour="spring-2027"></div>
<script src="https://fan.fanaura.com/embed/tour.js"></script>

Advantages:

Lightweight and fast
Tour dates update automatically (no need to re-embed when dates change)
Responsive design adapts to any container width
Style customization via data attributes

A standalone HTML block with all tour dates included:

<div class="fanaura-tour-embed">
  <div class="fanaura-event">
    <span class="date">Mar 15</span>
    <span class="venue">Ryman Auditorium</span>
    <span class="city">Nashville, TN</span>
    <a href="https://tickets.example.com" class="tickets-btn">Tickets</a>
  </div>
  <!-- More events... -->
</div>

Advantages:

Works without JavaScript
Full control over styling
No external dependencies

Won’t auto-update when you add or change tour dates. You’ll need to re-generate and re-embed.

Style Presets

Modern

Clean, card-based layout with rounded corners and subtle shadows. White cards on light background, rounded buttons, subtle hover effects, clean sans-serif typography.

Editorial

Text-forward design inspired by concert listing magazines. Minimal visual elements, strong typography hierarchy, date and venue emphasis, elegant dividers.

Minimal

The less-is-more approach. Plain text layout, no cards or borders, maximum readability. Blends into any website design.

Neon

Bold, vibrant, attention-grabbing. Dark background, glowing accent colors, bold typography, animated hover effects.

Color Customization

Beyond the presets, you can customize colors via data attributes:

<div id="fanaura-tour-widget"
  data-artist="midnightartist"
  data-tour="spring-2027"
  data-primary-color="#FF5733"
  data-bg-color="#1A1A1A"
  data-text-color="#FFFFFF"
  data-style="neon">
</div>

All embed styles are fully responsive. They look great on desktop browsers, tablets, and mobile phones. The layout automatically adjusts to the container width.

QR Codes

QR codes bridge the physical and digital worlds. Generate one from any smart link and fans can scan it with their phone camera.

Use Cases

Live Shows

Display a QR code on screen between sets that links to your presave or merch.

Merch Inserts

Print a QR code on a card included with merch orders, linking to your Artist Hub.

Posters & Flyers

Add a QR code to physical tour posters that links to the ticket page.

Vinyl & CD Inserts

Link to bonus digital content or your stream page.

Additional uses: business cards (Artist Hub QR), backstage passes and laminates (exclusive fan experience links).

Generating QR Codes

You can generate a QR code from any Fanaura smart link URL using:

Online QR code generators (paste your fan.fanaura.com URL)
Built-in QR generation tools (where available in the platform)
Design tools like Canva, which have QR code generators built in

QR Code Best Practices

Size matters — make the QR code at least 1 inch (2.5 cm) square for reliable scanning.

Contrast is key — dark code on a light background scans best. Avoid low-contrast color combinations.

Test before printing — always scan the QR code with your own phone before printing 10,000 posters.

Add a call to action — don’t just put a QR code. Add text like “Scan to presave” or “Scan to win merch.”

Include the URL below the code — some people prefer typing. Show the short URL under the QR code as a fallback.

UTM Tracking

UTM parameters help you understand which promotional channels drive the most traffic and conversions.

What Are UTM Parameters?

UTM (Urchin Tracking Module) parameters are tags you add to the end of a URL to track where traffic comes from. They look like this:

fan.fanaura.com/midnightartist/midnight-drive?utm_source=instagram&utm_medium=story&utm_campaign=presave_launch

Available UTM Parameters

Parameter	Purpose	Example
`utm_source`	Where the traffic comes from	`instagram`, `twitter`, `email`, `tiktok`
`utm_medium`	The marketing medium	`story`, `post`, `bio`, `blast`, `ad`
`utm_campaign`	The campaign name	`presave_launch`, `tour_announce`, `merch_drop`
`utm_content`	Differentiates variants	`version_a`, `header_link`, `footer_link`
`utm_term`	Keyword tracking (for paid)	`indie_music`, `concert_tickets`

How to Use UTMs

Take Your Smart Link URL

Start with your base Fanaura smart link.

Add the Question Mark

Add ? after the URL.

Add UTM Parameters

Add your UTM parameters separated by &.

Examples:

Instagram Story
Email Blast
Twitter Post

fan.fanaura.com/midnightartist/midnight-drive?utm_source=instagram&utm_medium=story&utm_campaign=midnight_drive_presave

fan.fanaura.com/midnightartist/midnight-drive?utm_source=email&utm_medium=blast&utm_campaign=midnight_drive_presave

fan.fanaura.com/midnightartist/midnight-drive?utm_source=twitter&utm_medium=post&utm_campaign=midnight_drive_presave

Viewing UTM Data

UTM data is captured when fans click your links and appears in your analytics:

Traffic by source — how many clicks came from Instagram vs Twitter vs email
Conversion by source — which source drives the most presaves or purchases
Campaign performance — compare different campaign tags to see what works

UTM Best Practices

Be consistent — always use lowercase, no spaces (use underscores). instagram not Instagram or IG.

Name campaigns clearly — midnight_drive_presave is better than campaign_1.

Track everything — use different UTMs for every unique placement. Instagram bio vs Instagram story should have different utm_medium values.

Keep a spreadsheet — track your UTM naming conventions so they stay consistent across campaigns.

New Release
Tour Dates
Merch Drops

Bio link — update your Instagram/TikTok bio to your Artist Hub (it will show the new release prominently)
Instagram Story — share the presave link with a link sticker and UTM: ?utm_source=instagram&utm_medium=story&utm_campaign=[release]_presave
Tweet — share the presave link with artwork and UTM tracking
Email blast — send to your fan list with the presave link embedded
SMS blast — text your most engaged fans with the short link
Discord/community — share in your fan community channels
YouTube — add the presave link to your video descriptions

Tips

Always use UTMs for paid promotion. If you’re spending money on Instagram ads or Twitter promoted posts, UTM tracking tells you which spend is driving results.

Keep your Artist Hub as your permanent bio link. Change individual promotional links in stories and posts, but keep the Hub in your bio for long-term discoverability.

Test your social previews. Before launching a campaign, paste your link in a private message to yourself on each platform to see how the preview looks.

Refresh QR codes when links change. If you update a URL or slug, your old QR code might not work. Always re-test after changes.

Embed the tour widget and forget about it. The JavaScript embed auto-updates, so once it’s on your website, new dates appear automatically. One less thing to maintain.

Use short links for SMS. Long URLs eat into your 160-character limit. Fanaura auto-shortens links in SMS blasts, but if you’re composing manually, use the short link format.

Getting Started

Dashboard

Assets

Fans

Launches

Flow Builder

Blasts

Fanaura AI

Smart Links

Integrations

Settings

Pricing

Reference

Documentation Index

​Copy Link

​Where to Find It

​Where to Paste It

​Social Media Previews

​What Gets Displayed

​Platform-Specific Behavior

​Open Graph Tags

​Twitter Cards

​Optimizing Your Previews

​Tour Embed Widget

​Generating an Embed

​Embed Types

​Style Presets

Modern

Editorial

Minimal

Neon

​Color Customization

​QR Codes

​Use Cases

Live Shows

Merch Inserts

Posters & Flyers

Vinyl & CD Inserts

​Generating QR Codes

​QR Code Best Practices

​UTM Tracking

​What Are UTM Parameters?

​Available UTM Parameters

​How to Use UTMs

​Viewing UTM Data

​UTM Best Practices

​Sharing Strategy: Putting It All Together

​Tips

Copy Link

Where to Find It

Where to Paste It

Social Media Previews

What Gets Displayed

Platform-Specific Behavior

Open Graph Tags

Twitter Cards

Optimizing Your Previews

Tour Embed Widget

Generating an Embed

Embed Types

Style Presets

Color Customization

QR Codes

Use Cases

Generating QR Codes

QR Code Best Practices

UTM Tracking

What Are UTM Parameters?

Available UTM Parameters

How to Use UTMs

Viewing UTM Data

UTM Best Practices

Sharing Strategy: Putting It All Together

Tips