senternet-site-ads-landing

Creates conversion-focused landing pages for paid ad campaigns with tracking and prerendering.

Updated May 8, 2026
One-click install
npx skills add https://github.com/MattSenter/senternet-site-skills --skill senternet-site-ads-landing-mattsenter
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: senternet-site-ads-landing
Source: https://github.com/MattSenter/senternet-site-skills/tree/main/.claude/skills/senternet-site-ads-landing
Command: npx skills add https://github.com/MattSenter/senternet-site-skills --skill senternet-site-ads-landing-mattsenter

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires puppeteer.

What problem does it solve? Paid ad campaigns need dedicated landing pages that match the ad creative, strip away site navigation, and track conversions, but building these one-off pages consistently is repetitive and error-prone. ## Core Features & Use Cases - Reusable LandingPage Component: Generates a shared React component with headline, body, CTA, badge, and meta tags, then creates campaign-specific variants for Reddit, retargeting, and other channels. - Conversion Tracking Integration: Wires Reddit Pixel Lead events to CTA clicks and appends campaign-specific UTM parameters to outbound links. - Ad Creative Generation: Produces HTML ad assets (banner, square, story, Reddit feed formats) and screenshots them to PNG at exact dimensions using a Puppeteer capture script. - Use Case: You are launching a Reddit ad campaign for your app. Use this Skill to scaffold a stripped-down /landing/reddit route with matched messaging, pixel tracking, prerendering, and correctly sized ad images. ## Quick Start Create a Reddit campaign landing page at /landing/reddit with a single CTA, Reddit Pixel Lead tracking, and matching ad creative assets.

Frequently Asked Questions about senternet-site-ads-landing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a landing page for a Reddit ad campaign?▼

Create a campaign route like /landing/reddit using a shared LandingPage component with a campaign-specific headline, body, and single CTA. Fire a Reddit Pixel Lead event on CTA click, add the route to your prerender script, and append UTM parameters to the CTA URL.

How do I generate ad creative images from HTML?▼

Write each ad as an HTML file at the target dimensions, then use a Puppeteer script to set the viewport to sizes like 300x250 or 1080x1920 and screenshot each page to PNG. This produces pixel-perfect banner, square, and story ad assets.

Should ad landing pages be indexed by Google?▼

It depends on your strategy. Including them in the sitemap lets them rank organically for long-tail queries, while adding noindex meta tags keeps them purely for paid traffic. In Next.js, set robots index false and mark the route non-indexable in your routes config.

Does this work with Next.js as well as React Router?▼

Yes. For Next.js, each campaign becomes an app/lp/<campaign>/page.tsx server component, with client components only for CTA tracking and forms. UTM parameters read via useSearchParams must be wrapped in a Suspense boundary to keep the page statically rendered.

Why does my Next.js landing page render dynamically instead of statically?▼

Reading UTM parameters with useSearchParams outside a Suspense boundary forces the entire page into dynamic rendering. Wrap the client component that reads search params in Suspense so the rest of the page stays static and loads fast for paid traffic.