Overview

AdMesh offers multiple ad formats designed to integrate seamlessly with AI Platforms and conversational interfaces. Each format is optimized for different use cases and user experiences.

Format Selection Guide

Choose the right ad format based on your integration needs:

Format	Best For	Integration Complexity	User Experience
One Line Ad	Minimal integration, chat interfaces	Low	Ultra-clean
Product Card	Detailed recommendations	Medium	Rich information
Citation	Academic AI, Research tools	Low	Non-intrusive
Layout	Comprehensive displays	High	Flexible arrangement
Expandable Unit	Premium sponsored content	Medium-High	Rich showcases

Platform Integration Guide

AI Code Editors

• Recommended: One Line Ad, Citation
• Focus: Developer tools, testing, refactoring
• Examples: Cursor, Sweep, Mutable AI

AI Design Tools

• Recommended: Product Card, Layout
• Focus: Creative workflows, UI kits, design assets
• Examples: Uizard, Galileo AI, Khroma

AI Business Intelligence

• Recommended: Citation, Layout
• Focus: Analytics tools, data visualization, reporting
• Examples: Polymer, Yurts AI, Obviously.AI

AI E-commerce Platforms

• Recommended: Layout, Ecommerce Cards
• Focus: Store optimization, conversion tools
• Examples: Checkout Page AI, ConvertMate AI, Octane AI

AI CRM Systems

• Recommended: Product Card, Citation
• Focus: Sales automation, customer management
• Examples: Regie.ai, CoPilot AI, Nooks

AI Project Management

• Recommended: Layout, Product Card
• Focus: Productivity tools, collaboration, planning
• Examples: Taskade AI, Tability AI, Magical

Performance Metrics & Revenue

Each format provides detailed analytics and revenue opportunities:

• Click-through rates (CTR) - Track user engagement
• Conversion tracking - Monitor successful purchases
• User engagement metrics - Measure interaction quality
• Revenue attribution - Calculate earnings per format

Optimize Your Revenue

Different ad formats have varying revenue potential. Use our earnings calculator to compare the earning potential of each format for your specific use case.

Calculate Revenue by Format →

Ad Format Components

AdMesh provides seven distinct ad formats, each optimized for different integration scenarios and user experiences.

Component Overview

Component	Use Case	Integration Level	Best For
One Line Ad	Minimal recommendations	Low	AI code editors, minimal interfaces
Product Card	Detailed product info	Medium	AI design tools, e-commerce platforms
Citation	Academic-style references	Low	AI business intelligence, research tools
Layout	Comprehensive displays	High	Multi-product showcases, comparison tools
Expandable Unit	Premium sponsored content	Medium-High	Detailed product showcases, enterprise solutions
Ecommerce Cards	Product grids	Medium	Shopping interfaces, product comparisons

Getting Started

Quick Integration

1. Install the SDK:

npm install admesh-ui-sdk

2. Import components:

import { AdMeshProductCard, AdMeshExpandableUnit, AdMeshEcommerceCards } from 'admesh-ui-sdk';

3. Add to your AI platform:

// For AI code editors - simple inline format
<AdMeshProductCard variation="simple" />

// For AI business intelligence tools
<AdMeshCitationUnit citationNumber={1} />

// For AI e-commerce platforms
<AdMeshEcommerceCards products={products} />

// For premium sponsored content
<AdMeshExpandableUnit ctaText="Get Started" />

// For comprehensive displays - grid layout
<div style={{ display: 'grid', gap: '20px', gridTemplateColumns: 'repeat(auto-fit, minmax(300px, 1fr))' }}>
  {recommendations.map(rec => <AdMeshProductCard key={rec.ad_id} recommendation={rec} />)}
</div>

Live Examples

Interactive Storybook: https://storybook.useadmesh.com/

Explore all ad formats with live, interactive examples. See how each component works in different themes and configurations.

Live Demo Components

Experience AdMesh ad units with real demo data. Each component shows how it would appear in your AI platform with actual product recommendations.

Interactive Demos Available

Visit our interactive demo page to see live examples of all ad formats in action.

Available Ad Formats

1. One Line Ad - Minimal, single-line recommendations
2. Product Card - Rich product information with features and pricing
3. Citation - Academic-style references with source attribution
4. Expandable Unit - Collapsible detailed recommendations
5. Layout - Flexible grid-based arrangement
6. Ecommerce Cards - Product grid displays for shopping interfaces

Key Advantages

• Intent Detection: AI-powered understanding of user needs
• Native Integration: Seamlessly blends with conversational interfaces
• Contextual Timing: Recommendations appear at optimal moments
• Academic Style: Citations feel like helpful references
• Value-First: Genuine utility before monetization

---

Ready to integrate AdMesh into your AI platform? Start with the Quick Start Guide or explore the live Storybook examples.