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 |
Conversation Summary | End-of-chat recommendations | Medium | Natural conclusion |
Citation | Academic AI, Research tools | Low | Non-intrusive |
Floating Recommendations | Proactive suggestions | Medium | Context-aware |
Sidebar | Dashboard interfaces | Low | Persistent visibility |
Layout | Comprehensive displays | High | Flexible arrangement |
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: Floating Recommendations, Sidebar
- Focus: Store optimization, conversion tools
- Examples: Checkout Page AI, ConvertMate AI, Octane AI
AI CRM Systems
- Recommended: Conversation Summary, Product Card
- Focus: Sales automation, customer management
- Examples: Regie.ai, CoPilot AI, Nooks
AI Project Management
- Recommended: Floating Recommendations, Layout
- 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.
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 |
Conversation Summary | End-of-session recommendations | Medium | AI CRM systems, chat interfaces |
Citation | Academic-style references | Low | AI business intelligence, research tools |
Floating Recommendations | Context-aware suggestions | Medium | AI project management, productivity tools |
Sidebar | Persistent recommendations | Low | AI dashboard interfaces, workspace apps |
Layout | Comprehensive displays | High | Multi-product showcases, comparison tools |
Getting Started
Quick Integration
- Install the SDK:
npm install admesh-ui-sdk
- Import components:
import { AdMeshSimpleAd, AdMeshProductCard, AdMeshLayout } from 'admesh-ui-sdk';
- Add to your AI platform:
// For AI code editors
<AdMeshSimpleAd variation="statement" />
// For AI business intelligence tools
<AdMeshCitationUnit citationNumber={1} />
// For AI e-commerce platforms
<AdMeshSidebar title="Store Tools" />
// For comprehensive displays
<AdMeshLayout autoLayout={true} />
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 below. Each component shows how it would appear in your AI platform with actual product recommendations.
One Line Ad
One Line Ad Demo
Looking for payment solutions for your business? Try Stripe Payment Processing
powered by AdMesh
Product Card
Product Card Demo
Stripe Payment Processing
92% matchAccept payments online with Stripe's developer-friendly APIs and comprehensive payment solutions.
Features:
- Accept 135+ payment methods
- Global payment processing
- Advanced fraud protection
- Real-time analytics dashboard
Starting at 2.9% + 30¢ per transaction
Conversation Summary
Conversation Summary Demo
"Based on our conversation about payment processing and deployment solutions, here are some recommended tools that could help with your project:"
Accept payments online with developer-friendly APIs.
Deploy your frontend applications with zero configuration.
Collaborative interface design tool for teams.
Citation
Citation Demo
For payment processing, many developers choose Stripe Payment Processing¹ due to its comprehensive API and global reach.
References:
¹ Stripe Payment Processing - Accept payments online with Stripe's developer-friendly APIs and comprehensive payment solutions.
Floating Recommendations
Floating Recommendations Demo
This demo shows how floating recommendations appear contextually. In a real implementation, these would appear based on user behavior and conversation context.
Recommended Tools
Sidebar
Sidebar Demo
Main Content Area
This represents your main application content. The sidebar recommendations appear alongside without interrupting the user's workflow.
Recommended Tools
Layout
Layout Demo
Stripe Payment Processing
92%Accept payments online with developer-friendly APIs.
2.9% + 30¢ per transaction
Vercel Deployment Platform
88%Deploy your frontend applications with zero configuration.
Free tier available
Figma Design Tool
85%Collaborative interface design tool for teams.
Free for personal use
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.