Sharing & Embedding

​

Copy Link

​

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

• Instagram bio — your Artist Hub link
• Instagram Stories — link sticker with your presave or stream link
• TikTok bio — your Artist Hub link
• Twitter/X posts — share presave, stream, or event links in tweets
• Facebook posts — share with rich preview (Open Graph metadata ensures it looks great)
• YouTube descriptions — add links under every video
• Discord/Slack — share with your community
• WhatsApp/iMessage — send directly to fans or industry contacts
• Email — include in newsletters, press emails, and personal messages
• SMS — include in text blasts (links are auto-shortened)

​

Social Media Previews

​

What Gets Displayed

• 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

​

Open Graph 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

<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.

​

Tour Embed Widget

​

Generating an Embed

1. Go to your Tours section in Fanaura
2. Select the tour you want to embed
3. Click the Embed button
4. Choose your embed type and style
5. Copy the generated code
6. Paste it into your website

​

Embed Types

​

JavaScript Embed (Recommended)

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

• 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

​

HTML Embed (Self-Contained)

<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>

• Works without JavaScript
• Full control over styling
• No external dependencies

​

Style Presets

​

Modern

• White cards on light background
• Rounded buttons
• Subtle hover effects
• Clean sans-serif typography

​

Editorial

• Minimal visual elements
• Strong typography hierarchy
• Date and venue emphasis
• Elegant dividers between events

​

Minimal

• Plain text layout
• No cards or borders
• Maximum readability
• Blends into any website design

​

Neon

• Dark background
• Glowing accent colors
• Bold typography
• Animated hover effects

​

Color Customization

• Primary color — button and accent color
• Background color — widget background
• Text color — date, venue, and city text
• Button text color — text inside ticket/RSVP buttons

<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>

​

Responsive Design

• Desktop browsers (full-width or sidebar placement)
• Tablets
• Mobile phones

​

QR Codes

​

Use Cases

• Live shows — display a QR code on the 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 and flyers — add a QR code to physical tour posters that links to the ticket page
• Business cards — your Artist Hub QR code on your business card
• Vinyl and CD inserts — link to bonus digital content or your stream page
• Backstage passes and laminates — link to an exclusive fan experience

​

Generating QR Codes

• 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

​

What Are UTM Parameters?

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

​

Available UTM Parameters

​

How to Use UTMs

1. Take your smart link URL
2. Add ? after the URL
3. Add your UTM parameters separated by &

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

• 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

​

Sharing Strategy: Putting It All Together

​

For a New Release

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

​

For Tour Dates

1. Bio link — Artist Hub shows all dates on the Tours tab
2. Embed widget — add the tour embed to your official website
3. City-specific posts — share individual event links for each city
4. QR code — display at current shows for fans to see upcoming dates
5. Email blast — send the full tour announcement to your list

​

For Merch Drops

1. Bio link — Artist Hub Merch tab shows everything
2. Product links — share specific product links for featured items
3. QR codes — include in physical packaging for reorder / new collections
4. Instagram Shopping — pair with Fanaura product links for tracking

​

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.