Web story code generator allowing you to create and customize templates with images, text, and styling options.
Features
Drag-and-Drop Content
Easily drag content from the toolbar onto the canvas to create web stories.
Text Styling Options
Customize text with various options including color, alignment, highlight, and overlay.
Image Integration
Access images from Unsplash directly within the editor to use in your stories.
Animation and CTA
Add animations and Call-To-Actions to elements within your web stories.
Template Creation
Create and save templates for quick use in future web stories.
AMP Support
Provides tips on how to enable AMP for better search engine optimization. It's suggested to add Google AdSense to your domain websites and ensure that web stories have more than 7 AMP pages.
Structured Data
Recommends adding schema json to enable rich results for web stories. Offers guidance on where to find more information about structured data.
Dead Link Checker
Suggests ensuring that your web story is not a dead link by adding a CTA or relevant link to a blog or article.
Valid AMP Checker
Advises making sure your AMP stories and pages are valid using Google's validation tools.
Content Tips
Offers tips such as adding structured data, ensuring enough contrast, keeping text short and informative, and adding social media metadata.
SEO and Analytics Guidance
Provides recommendations on SEO and embedding Google Analytics within AMP web stories.
Connect to Google AdSense
You need to connect your website to Google AdSense to enable ads on web stories.
Create Display Ad
Set up a display ad through your AdSense account to begin monetizing your web stories.
Ad Client and Slot
Copy the 'data ad client' and 'data ad slot' strings from your AdSense account.
AMP Story Auto Ads
Add the ad client and ad slot information into the <amp-story-auto-ads> section of your web story's HTML code.
Google Analytics Integration
Provides step-by-step instructions for adding Google Analytics to web stories. This includes signing into Google Analytics, navigating the admin settings, creating a new property, and adding the G-tag to settings.