Meta (Facebook) Playable Ads: Complete Setup Guide

We've helped hundreds of teams launch playable ads on Meta. The ones that nail the specs get installs at half the cost of video ads. The ones that don't? Rejected creatives and weeks wasted going back and forth with Meta's review team.

This is the guide we wish existed when we started building playable ad exports for Meta. Specs, campaign setup, A/B testing, common mistakes. All of it.

What Are Meta Playable Ads?

Playable ads let users try your app or game right in their Facebook or Instagram feed. No download, no commitment. They follow a simple three-part structure:

1. Lead-in video: A short preview clip with a "Tap to Try" overlay
2. Interactive demo: A full-screen HTML5 experience where users actually play
3. Call to action: A button sending users to the App Store or Google Play

The reason this format works so well is simple. Users who download after playing the demo already know what they're getting. They stick around longer, spend more, and don't uninstall after 30 seconds. A gaming studio we worked with saw their day-7 retention jump 40% after switching from video to playable ads on Meta.

Meta Playable Ad Specs: The Complete Technical Reference

This is where most teams trip up. One wrong detail and Meta rejects your ad. Here's every spec you need.

File Format and Size Limits

Requirement	Single HTML File	ZIP Bundle
Max file size	5 MB	5 MB
Max bundled files	1	100
File extension	.html or .htm	.zip

Meta recommends single HTML files for simplicity. ZIP bundles let you separate assets into individual files instead of inlining everything. One thing that catches people off guard: Base64 encoding adds roughly 33% overhead to embedded assets. That 1 MB image? It's 1.3 MB when inlined. Plan accordingly.

Technical Requirements

• No HTTP requests. Your playable must be completely self-contained. Zero external network calls.
• Portrait orientation. Design for vertical (9:16) as the primary format.
• Responsive design. It must adapt to different device resolutions and screen sizes.
• CTA integration. You must call FbPlayableAd.onCTAClick() in your JavaScript when the user taps the call-to-action button.
• No redirects allowed, and all videos within the playable must start muted to comply with Meta's autoplay policies.

Supported Placements

Meta playable ads run across Facebook News Feed, Instagram Feed, Facebook Stories, Instagram Stories, and Audience Network (both Rewarded Video and Interstitial formats).

Each placement expects different aspect ratios. Facebook and Instagram Feed ads look best at 4:5 or 1:1. Stories are 9:16 full-screen vertical. Your playable needs to handle both. Don't ship a single fixed-size canvas and hope for the best.

Setting Up a Playable Ad Campaign on Meta

Here's the step-by-step to get your playable ad live in Meta Ads Manager.

Step 1: Choose the Right Campaign Objective

Playable ads on Meta support multiple objectives:

• App Installs – the go-to for playable ads, optimized for downloads
• Conversions – optimize for post-install events like purchases or sign-ups
• Traffic – drive users to your app store listing
• Video Views – maximize the number of people who interact with your ad

Start with App Installs. Once you have enough install data (usually a few hundred conversions), switch to Conversions to go after higher-value users.

Step 2: Configure Your Ad Set

Set your targeting, budget, and placements at the ad set level. Three things matter most here. Start with broad targeting because Meta's algorithm performs best with larger audiences, especially after the 2025 Andromeda updates. Select Automatic Placements so Meta distributes your ad where it performs best. And set a daily budget that gets you at least 50 conversions per week per ad set. That's the threshold to exit the learning phase.

Step 3: Upload Your Playable

At the ad level, select your app from the store and upload your playable file:

1. Select your app by name or store URL
2. Choose "Playable" as the ad format
3. Upload your HTML or ZIP file (must meet the specs above)
4. Upload a lead-in video. This is the preview users see before tapping to play.
5. Write your ad copy (primary text, headline, description) and review the preview across all selected placements

The lead-in video is the most important asset in your entire campaign. It determines whether users tap "Try Now" or scroll past. Use the most engaging 3-5 seconds of your game. Not a logo animation. Not a title screen. Gameplay. Those first few seconds decide everything. Get them right and the rest of the funnel follows.

Step 4: Submit for Review

Meta reviews all playable ads before they go live. The most common rejection reasons we see:

• File exceeds size limits
• Playable makes external HTTP requests
• Missing or broken FbPlayableAd.onCTAClick() implementation
• Misleading creative that doesn't match the actual app experience
• Non-responsive design that breaks on certain devices

Budget 24-48 hours for review. Don't plan a Monday launch on Friday afternoon.

Facebook vs. Instagram: Placement Differences

You can run the same playable ad on both platforms, but the user behavior is completely different.

Factor	Facebook	Instagram
Primary placement	News Feed	Feed and Stories
User behavior	Longer sessions, more deliberate browsing	Faster scrolling, visual-first
Best aspect ratio	4:5 or 1:1	9:16 (Stories), 4:5 (Feed)
Audience skew	Broader age range, 25-54	Younger, 18-34
Playable engagement	Higher completion rates	Higher tap-through rates

Design vertical first. Instagram Stories is the highest-volume mobile placement on Meta, and that's where most of your playable impressions will land. Make the first interaction dead obvious. Instagram users decide in under 2 seconds whether to engage or swipe away.

A/B Testing Playable Ads on Meta

On Meta, creative quality is the single biggest lever you have. Targeting matters less than it used to. Your playable ad creative is what makes or breaks performance. So test it relentlessly.

What to Test

• Game difficulty. Easier games drive more installs. Harder games drive higher-quality users. Test both and see which wins for your unit economics.
• Tutorial length. Meta recommends two steps max. We've seen no-tutorial versions outperform tutorials in casual games.
• CTA timing. Test showing the CTA throughout the demo vs. only at the end. Also test different CTA text: "Download Now" vs. "Play the Full Game" vs. "Install Free."
• Lead-in video variations. This has the biggest impact on whether users tap to play. Test raw gameplay footage vs. animated graphics vs. UGC-style content.
• Game duration. Test 15-second, 30-second, and 45-second experiences. Shorter isn't always better.

Campaign Structure for Testing

Use Meta's built-in A/B testing feature to split traffic evenly:

1. Create a single campaign with the App Installs objective
2. Create one ad set with broad targeting
3. Add 3-5 ad variations, each with a different playable creative
4. Run for at least 7 days or until each variation hits 1,000 impressions
5. Compare CPI, CTR, and day-1 retention. (For a full testing framework, see our A/B testing guide.)

One more thing. Meta creatives fatigue fast. We typically see performance start dropping after 2-3 weeks. Plan to refresh your playable ads monthly with new variations based on your test results.

Metrics That Matter

• IPM (Installs per Mille) – installs per 1,000 impressions. The single best metric for comparing playable ad performance.
• CTR – click-through rate from the lead-in video to the playable demo.
• CPI – cost per install. Track this alongside retention so you don't end up chasing cheap but low-quality installs.
• Day-1 and Day-7 retention – the ultimate quality signal. If retention is high, your playable is doing its job.

Common Pitfalls and How to Avoid Them

We've seen every way a Meta playable ad can fail. These five come up over and over.

Oversized files. The number one rejection reason. Compress images, minimize JavaScript, use efficient encoding. Every kilobyte matters when your budget is 5 MB. (Our file size optimization guide has the detailed techniques.)

Misleading gameplay. If the playable demo doesn't match the actual app, users uninstall fast. Meta also flags misleading creative during review, so you'll get rejected and lose trust with the platform.

Then there's the lead-in video problem. Most of your budget goes to users who never tap "Try Now." A weak lead-in means most impressions are wasted before anyone even sees your playable.

We also see teams designing desktop-first. Playable ads run on mobile. Always design and test on actual phones, not just your browser's dev tools. That responsive mode in Chrome lies to you more often than you'd think.

Finally, the CTA callback. Forgetting to implement FbPlayableAd.onCTAClick() means users literally cannot reach the app store. Guaranteed rejection, every time.

Creative fatigue. This one isn't a rejection. It's a slow performance death. Meta creatives fatigue after 2-3 weeks as the same audiences see them repeatedly. Your CPIs start climbing, IPM drops, and the algorithm deprioritizes your ad. The fix is proactive: plan to refresh your playable creatives on a regular cycle. Don't just swap colors or CTA text. Change the game mechanic, the theme, or the difficulty curve. A match-3 variant this week, a swipe-based puzzle next month. Teams that rotate game mechanics every 2-3 weeks consistently maintain their day-one performance levels instead of watching metrics slowly decay.

If you're running Meta Advantage+ Shopping Campaigns, playable creatives work within them too. Advantage+ lets Meta's algorithm choose the best creative-audience combination automatically, and playable ads tend to win disproportionate share of impressions in these campaigns because of their higher engagement signals. The algorithm sees longer interaction times and better post-click behavior, so it serves playables more aggressively. Upload your playable alongside video and static creatives in an Advantage+ campaign and let the system allocate budget. In most cases we've seen, the playable ends up capturing the majority of spend within the first week.

How Hookin Exports Meta-Compliant Playable Ads

We built Hookin because we got tired of watching teams spend weeks on Meta compliance instead of creative quality. Inlining assets, debugging file sizes, injecting CTA callbacks, testing responsive layouts across devices. It's tedious work that adds zero creative value.

When you export a playable ad for Meta from Hookin, the export pipeline handles all of it automatically:

• Inlines all assets as Base64 data URIs, making the playable fully self-contained
• Injects the FbPlayableAd.onCTAClick() callback into your CTA buttons
• Optimizes file size with multi-level compression to stay within Meta's limits
• Generates responsive layouts that adapt to every device and placement
• Adds viewport meta tags and autoplay-compliant media handling

You describe your game, refine it with AI chat, and export with one click. No manual MRAID injection, no size debugging, no guessing which format Meta wants this week. The entire process takes minutes. See our step-by-step walkthrough on how to create a playable ad in 10 minutes.

And since Hookin supports 10 ad networks, the same playable ad exports for Google Ads, TikTok, Unity, and more alongside your Meta build. One creative, every platform.

---

Ready to launch your first playable ad on Meta? Skip the spec sheets and start creating.

Create your Meta playable ad on Hookin, free to start