Setting Up Native Ads with Adsterra

Native ads blend with your content, providing a non-intrusive way to monetize while maintaining user experience.

What Are Native Ads?

Native ads match the look and feel of your website content. On property sites, they might appear as:

• Recommended properties
• Related articles
• Sponsored content blocks
• In-feed listings

Benefits of Native Ads

Creating Native Ad Units

Step 1: Access Ad Creation

1. Log into your Adsterra dashboard
2. Navigate to Ad Units
3. Click Create Ad Unit
4. Select Native Banner

Step 2: Configure Settings

Basic Settings:

• Name: "Property Site - Native Below Content"
• Website: Select your property domain
• Format: Native Banner

Display Options:

• Number of ads: 3-6 (recommended: 4)
• Layout: Grid or List
• Image size: Medium (300x200 works well)

Step 3: Customize Appearance

Match your site's design:

/* Example Native Ad Styling */
.adsterra-native {
    font-family: inherit;
    background: transparent;
}

.adsterra-native .ad-title {
    color: #1a1a1a;
    font-size: 16px;
}

.adsterra-native .ad-description {
    color: #666;
    font-size: 14px;
}

Step 4: Get and Install Code

1. Click Get Code
2. Copy the entire script
3. Paste into your property template

Best Placements for Property Sites

Placement 1: Below Property Description

<div class="property-description">
    <!-- Your property description -->
</div>

<div class="native-ads-container">
    <h3>You May Also Like</h3>
    <!-- Adsterra Native Ad Code -->
</div>

Why it works: Users finish reading and look for more content.

Placement 2: Related Properties Section

<section class="related-properties">
    <h2>Similar Properties</h2>

    <!-- Your actual related properties -->

    <!-- Native ads blend here -->
</section>

Why it works: Ads blend with property recommendations.

Placement 3: Blog/Content Sidebar

<aside class="content-sidebar">
    <!-- Other sidebar content -->

    <div class="sponsored-content">
        <span class="label">Sponsored</span>
        <!-- Native ad code -->
    </div>
</aside>

Why it works: Natural content discovery location.

Optimizing Native Ad Performance

Design Tips

✅ Match your fonts - Use CSS to inherit site typography ✅ Consistent spacing - Match padding/margins to your design ✅ Appropriate images - Native ads with images perform 3x better ✅ Clear labels - Always mark as "Sponsored" or "Ad"

Performance Tips

Native Ad Layouts

Grid Layout (Recommended for Property Sites)

┌─────────────┬─────────────┐
│   [Image]   │   [Image]   │
│   Title     │   Title     │
│   Desc...   │   Desc...   │
├─────────────┼─────────────┤
│   [Image]   │   [Image]   │
│   Title     │   Title     │
│   Desc...   │   Desc...   │
└─────────────┴─────────────┘

List Layout

┌─────────────────────────────┐
│ [Img] Title                 │
│       Description text...   │
├─────────────────────────────┤
│ [Img] Title                 │
│       Description text...   │
└─────────────────────────────┘

Mobile Native Ads

Mobile-Specific Settings

• Reduce to 2-3 ads per block
• Use vertical list layout
• Ensure touch targets are large enough
• Test load speed

Responsive Code Example

<div class="native-ads-wrapper">
    <!-- Adsterra code here -->
</div>

<style>
.native-ads-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

@media (max-width: 768px) {
    .native-ads-wrapper {
        grid-template-columns: 1fr;
    }
}
</style>

Tracking Performance

Key Metrics to Monitor

### A/B Testing Ideas

1. Number of ads: 3 vs 4 vs 6
2. Layout: Grid vs List
3. Placement: Above vs below content
4. Styling: Minimal vs detailed

Common Issues & Solutions

Low CTR

Problem: Users not clicking Solutions:

• Improve placement visibility
• Test different layouts
• Ensure images are enabled

Slow Loading

Problem: Native ads slow page Solutions:

• Enable lazy loading
• Reduce number of ads
• Optimize images

Poor Styling

Problem: Ads look out of place Solutions:

• Customize CSS
• Match font families
• Adjust colors

Next Steps

Discover how Adsterra's Anti-Adblock technology helps recover lost revenue.