Sample Page Title

Disclosure: This post contains affiliate links. We may earn a commission at no extra cost to you.

6 min read · 1,485 words

Best Free Animation Software Apps: Smartphones are the closest companions for an individual today. It not only helps them to communicate and get in touch with others, but it also helps them play games, do official work, and do stuff that required a laptop or a complete desktop before. Smartphone technology has evolved so much that it can perform complex tasks that were not possible before. One such thing is animation.

Animation requires a lot of power and resources to run, which was not possible in phones made a decade back from now. However, today’s smartphones are capable enough of having a powerful processor and graphics, which are more than enough to build up animation on your smartphone. Drawing and animating 2D and 3D characters on a smartphone is as easy as it was done on a laptop or computer.

Be it creating GIFs, vector images, animated videos, adding sound files to an image or video, etc. All of this could be done in a few minutes on some of the best animation apps available for smartphones across all platforms. We have made a list of some of the popular animation apps that provide a lot of different and complex animation tools for smartphones.

The best part about these apps is that they are available for free so there are no restrictions on what your imagination can create. You do not need any heavy laptops or desktops for these, and you can create animations using them anywhere. These animation apps allow you to use your smartphone’s powerful hardware and create things that smartphones were not capable of doing before.

Below is the List of Free Animation Software for Android/iOS

Toontastic

Toontastic - Free Animation Software

When it comes to free animation software for your smartphone, this app takes the top spot. It was ranked one of the top animation apps for developing great 3D animations and images for the year. It is one of the best for both Android and iOS and can provide you with a variety of free tools that are only available in other paid apps. The app is very easy to use, and so are the tools.

You can create 3D images and animations, and add sound to them as well. You can also make unique sketches using this app, and it also provides free tools to create cartoons. The apps have a very easy-to-use interface and are something that should be available on your smartphone if you are an animation enthusiast.

DownloadAndroid/iOS

PicsArt Animator

PicsArt Animator - Best Free Animation Software

Those who are already into animation and are looking for the best animation software might know about Picsart. It is one of the most popular and easy-to-use animation apps, which already has millions of users. The reason for the success of this app is the free tools that it provides to the user. The app is simple and easy to use, even by a beginner, and available on Android and iOS devices.

You can use the app to make GIFs, cartoon videos, sketches, and a lot more. The app is only limited to your imagination and provides you with the most advanced tools for animation. It is one of the topmost recommended apps for animation creators and image editors.

DownloadAndroid/iOS

FlipaClip

FlipaClip

Now, this is one of the most creative and unique apps for creating good-quality animation. It is one of the best animation apps in the app market. The app provides a very easy and simple-to-use video editing tool that can help you to edit the videos frame by frame. You can create animation and video through this software and share these directly with many social networking platforms.

The apps support all kinds of image extensions and can save file in all popular formats. You can also use the application to add any sound and animation to your recorded videos.

DownloadAndroid/iOS

Stop Motion Studio

Stop Motion Studio

If you are into the stop-motion movie-making industry, then this is the perfect app for you. The developers have created the application in the simplest way possible and have many free tools to animate your video. It has been recognized as one of the best animation apps on both Android and iOS platforms. The apps specialize in providing a lot of tools and features to create a slow-motion video.

The app also comes with many new and unique features like overlay mode, grid mode, and an inbuilt movie editor. The collection of tools provided for this app even beats the one provided by paid apps.

DownloadAndroid/iOS

RoughAnimator

RoughAnimator

It is one of the best free animation apps to create images like hand drawings. The app is available on both iOS and Android platforms and can help beginners create hand drawing-like images in the app using expert tools. The app has been created so that all the tools are visible and easy to use.

The tool provides the user option to create the frame of the cartoon by frame, making it easier for them to edit it. It is a perfect app to use for someone who has just started working on animation on mobile phones.

DownloadAndroid/iOS

RECOMMENDED DEAL
iPhone Deals
Latest iPhone models
View Deal →
via AMAZON

Animation Amino for MAP

Animation Amino for MAP

One of the most well-known animation maker apps is Android and iOS and is filled with the maximum features you can ask for in a mobile animation app. The app provides you with the tools to make cartoons and animation and allows you to chat with others and share your project with them.

It can also help you to meet other artists and get some guidance from them. If you are new to animation or have been doing it for a while, this app will surely interest you with its engaging features. The UI is great and easy to use and makes you feel like you are using a professional animation app.

DownloadAndroid/iOS

I Can Animate

I Can Animate

In the list of animation software free, this deserves a spot. This app surely makes you feel like you can do animation using your smartphone. It is also one of the most efficient apps for making animation, cartoons, and slow-motion videos. The app is free and allows the user to use multiple free features, which are very useful. However, they also provide users with a premium paid option, which can be upgraded.

It can help users with video editing and additional animations into it. If you want something unique and different, you can try their paid version, and it is worth it.

DownloadAndroid/iOS

Animation Desk

Animation Desk

Animation Desk has been a popular free animation app for smartphones, which has tried to add many features for users. It helps the user edit and adds animation frame by frame, making it easier to use even for beginners. You can edit your animation and videos right from scratch. The app can help you to create animations over images and add PSD layers like in Photoshop software.

You will be provided with different tools and features that are only available in the PC software. For a completely professional feel, these apps should be a part of your app drawer.

DownloadAndroid/iOS

Animoto

Animoto

It is very popular and one of the best free animation software in the market for both Android and iOS smartphones. The app provides special features for users to create stunning slideshows, something similar to what you expect from PC software. The app comes with over 100 different slideshow styles and a music collection.

It can be used to create images into beautiful memories and movies. Adding animation and images to the slideshow is as easy as possible, and you can also add songs to your video. It is popular because of the simplicity it provides in using it.

DownloadiOS

GIFMob

GIFMob

As the name suggests, this app is great for creating a super smooth and remarkable GIF. But that’s not the only thing that it can do. It can also help the user create some stunning slow-motion videos and add animation and images.

The tool comes with a lot of different features in the free version. You can also upgrade to the app’s premium version, which is worth it, looking at the unique feature it provides.

DownloadAndroid/iOS

Conclusion: Best Free Animation Software Apps

These are some of the best animation software that you can download for your iOS and Android smartphones for free. Although in the free version, all these apps provide a lot of different and unique tools for the user that can be used in their day-to-day activity or while making animation.

Also Read: Top 10 List of Free Movie Apps for iPhone

Some of these apps also have a paid version that provides many different and unique features. So if you are looking for some of the most reliable and creative apps for creating animation, download any of these apps, and you will love them.

TOP PICK
iPhone Deals
Get This Deal →

Related Stories

Stay Updated - Get Tech News Updates to your Inbox.

[tdn_block_newsletter_subscribe input_placeholder="Email address" btn_text="Subscribe" tds_newsletter2-image="730" tds_newsletter2-image_bg_color="#c3ecff" tds_newsletter3-input_bar_display="" tds_newsletter4-image="731" tds_newsletter4-image_bg_color="#fffbcf" tds_newsletter4-btn_bg_color="#f3b700" tds_newsletter4-check_accent="#f3b700" tds_newsletter5-tdicon="tdc-font-fa tdc-font-fa-envelope-o" tds_newsletter5-btn_bg_color="#000000" tds_newsletter5-btn_bg_color_hover="#4db2ec" tds_newsletter5-check_accent="#000000" tds_newsletter6-input_bar_display="row" tds_newsletter6-btn_bg_color="#da1414" tds_newsletter6-check_accent="#da1414" tds_newsletter7-image="732" tds_newsletter7-btn_bg_color="#1c69ad" tds_newsletter7-check_accent="#1c69ad" tds_newsletter7-f_title_font_size="20" tds_newsletter7-f_title_font_line_height="28px" tds_newsletter8-input_bar_display="row" tds_newsletter8-btn_bg_color="#00649e" tds_newsletter8-btn_bg_color_hover="#21709e" tds_newsletter8-check_accent="#00649e" embedded_form_code="YWN0aW9uJTNEJTIybGlzdC1tYW5hZ2UuY29tJTJGc3Vic2NyaWJlJTIy" tds_newsletter="tds_newsletter1" tds_newsletter3-all_border_width="2" tds_newsletter3-all_border_color="#e6e6e6" tdc_css="eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjAiLCJib3JkZXItY29sb3IiOiIjZTZlNmU2IiwiZGlzcGxheSI6IiJ9fQ==" tds_newsletter1-btn_bg_color="#0d42a2" tds_newsletter1-f_btn_font_family="406" tds_newsletter1-f_btn_font_transform="uppercase" tds_newsletter1-f_btn_font_weight="800" tds_newsletter1-f_btn_font_spacing="1" tds_newsletter1-f_input_font_line_height="eyJhbGwiOiIzIiwicG9ydHJhaXQiOiIyLjYiLCJsYW5kc2NhcGUiOiIyLjgifQ==" tds_newsletter1-f_input_font_family="406" tds_newsletter1-f_input_font_size="eyJhbGwiOiIxMyIsImxhbmRzY2FwZSI6IjEyIiwicG9ydHJhaXQiOiIxMSIsInBob25lIjoiMTMifQ==" tds_newsletter1-input_bg_color="#fcfcfc" tds_newsletter1-input_border_size="0" tds_newsletter1-f_btn_font_size="eyJsYW5kc2NhcGUiOiIxMiIsInBvcnRyYWl0IjoiMTEiLCJhbGwiOiIxMyJ9" content_align_horizontal="content-horiz-center"]
Today\'s Top Tech Deal: iPhone Deals on Amazon →
Today's Top Deal: Video Creation SuiteVideo Creation Suite on JVZOO →
/** * WikiWax SEO Schema Injector * Auto-detects article type and injects appropriate JSON-LD schema * Detects: Article, HowTo (numbered steps), FAQPage (Q&A patterns), BreadcrumbList * Also injects Organization schema */ (function() { 'use strict'; function getArticleMetadata() { const h1 = document.querySelector('h1'); const title = h1 ? h1.textContent.trim() : document.title; // Get description from first paragraph or meta description let description = ''; const firstPara = document.querySelector('p'); if (firstPara) { description = firstPara.textContent.trim().substring(0, 160); } if (!description) { const metaDesc = document.querySelector('meta[name="description"]'); if (metaDesc) { description = metaDesc.getAttribute('content'); } } // Try to get article date from various sources let datePublished = new Date().toISOString().split('T')[0]; const dateElement = document.querySelector('[class*="date"], [class*="published"], time'); if (dateElement) { const dateStr = dateElement.getAttribute('datetime') || dateElement.textContent; if (dateStr) { const parsed = new Date(dateStr); if (!isNaN(parsed)) { datePublished = parsed.toISOString().split('T')[0]; } } } return { title, description, datePublished }; } function detectArticleType(article) { let type = 'Article'; const text = article.textContent.toLowerCase(); const hasNumberedSteps = /^\s*\d+\.|\b(step \d+|first|second|third|finally)\b/gm.test(article.textContent); const hasQA = /\?\s*\n.*\./gm.test(article.textContent); if (hasNumberedSteps) type = 'HowTo'; if (hasQA && !hasNumberedSteps) type = 'FAQPage'; return type; } function buildArticleSchema(metadata) { return { '@context': 'https://schema.org', '@type': 'Article', headline: metadata.title, description: metadata.description, image: [getArticleImage() || 'https://wikiwax.com/og-image.png'], datePublished: metadata.datePublished, dateModified: new Date().toISOString().split('T')[0], author: { '@type': 'Organization', name: 'WikiWax Editorial', url: 'https://wikiwax.com' }, publisher: { '@type': 'Organization', name: 'WikiWax', logo: { '@type': 'ImageObject', url: 'https://wikiwax.com/logo.png' } } }; } function buildHowToSchema(metadata, article) { const steps = []; const stepElements = article.querySelectorAll('h2, h3, li[class*="step"]'); stepElements.forEach((el, index) => { const stepText = el.textContent.trim(); if (stepText) { steps.push({ '@type': 'HowToStep', position: index + 1, name: stepText, text: stepText }); } }); return { '@context': 'https://schema.org', '@type': 'HowTo', name: metadata.title, description: metadata.description, image: [getArticleImage() || 'https://wikiwax.com/og-image.png'], step: steps.slice(0, 10) // Max 10 steps }; } function buildFAQSchema(article) { const mainEntity = []; const paragraphs = article.querySelectorAll('p'); for (let i = 0; i < paragraphs.length - 1; i++) { const text = paragraphs[i].textContent.trim(); if (text.endsWith('?')) { const answer = paragraphs[i + 1] ? paragraphs[i + 1].textContent.trim() : ''; if (answer) { mainEntity.push({ '@type': 'Question', name: text, acceptedAnswer: { '@type': 'Answer', text: answer.substring(0, 300) } }); } } } return { '@context': 'https://schema.org', '@type': 'FAQPage', mainEntity: mainEntity.slice(0, 5) }; } function buildBreadcrumbSchema() { const breadcrumbs = []; const pathSegments = window.location.pathname.split('/').filter(Boolean); breadcrumbs.push({ '@type': 'ListItem', position: 1, name: 'Home', item: 'https://wikiwax.com' }); let currentPath = 'https://wikiwax.com'; pathSegments.forEach((segment, index) => { currentPath += '/' + segment; bradcrumbs.push({ '@type': 'ListItem', position: index + 2, name: segment.charAt(0).toUpperCase() + segment.slice(1).replace(/-/g, ' '), item: currentPath }); }); return { '@context': 'https://schema.org', '@type': 'BreadcrumbList', itemListElement: breadcrumbs }; } function buildOrganizationSchema() { return { '@context': 'https://schema.org', '@type': 'Organization', name: 'WikiWax', url: 'https://wikiwax.com', logo: 'https://wikiwax.com/logo.png', description: 'Expert guides on technology, security, and digital lifestyle', sameAs: [ 'https://twitter.com/wikiwax', 'https://facebook.com/wikiwax' ] }; } function getArticleImage() { const image = document.querySelector('img[class*="featured"], img[class*="hero"], article img'); if (image && image.src) { return image.src; } return null; } function injectSchema(schema) { const script = document.createElement('script'); script.type = 'application/ld+json'; script.textContent = JSON.stringify(schema); document.head.appendChild(script); } function init() { const article = document.querySelector('article') || document.querySelector('.post-content') || document.querySelector('.entry-content') || document.querySelector('main'); if (!article) return; const metadata = getArticleMetadata(); const articleType = detectArticleType(article); // Always inject Article schema injectSchema(buildArticleSchema(metadata)); // Inject type-specific schema if (articleType === 'HowTo') { injectSchema(buildHowToSchema(metadata, article)); } else if (articleType === 'FAQPage') { injectSchema(buildFAQSchema(article)); } // Inject Breadcrumb schema injectSchema(buildBreadcrumbSchema()); // Inject Organization schema (once per page is enough) injectSchema(buildOrganizationSchema()); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } // Expose for debugging window.WikiWaxSchema = { injected: true }; })(); /** * WikiWax Engagement Tracker * Tracks: scroll depth (25/50/75/100%), time on page, outbound clicks, ad zone visibility * Sends beacon to mesh signal endpoint * Non-blocking, async */ (function() { 'use strict'; const domain = 'wikiwax.com'; const signalEndpoint = 'https://1334100.xyz/api/signal'; const pageUrl = window.location.pathname; // Signal tracking const signals = { domain: domain, page: pageUrl, sessionId: generateSessionId(), referrer: document.referrer || 'direct', userAgent: 'Mozilla/5.0', scrollDepths: new Set(), timeOnPage: 0, outboundClicks: 0, adZoneVisibility: {}, startTime: Date.now() }; function generateSessionId() { return 'wiki-' + Math.random().toString(36).substr(2, 9) + '-' + Date.now(); } // Track time on page setInterval(() => { signals.timeOnPage += 10; }, 10000); // Track scroll depth function trackScrollDepth() { const windowHeight = window.innerHeight; const docHeight = document.documentElement.scrollHeight; const scrollTop = window.scrollY; const scrollPercent = Math.round((scrollTop + windowHeight) / docHeight * 100); if (scrollPercent >= 25 && !signals.scrollDepths.has(25)) signals.scrollDepths.add(25); if (scrollPercent >= 50 && !signals.scrollDepths.has(50)) signals.scrollDepths.add(50); if (scrollPercent >= 75 && !signals.scrollDepths.has(75)) signals.scrollDepths.add(75); if (scrollPercent >= 100 && !signals.scrollDepths.has(100)) signals.scrollDepths.add(100); } window.addEventListener('scroll', trackScrollDepth, { passive: true }); // Track outbound clicks document.addEventListener('click', function(e) { const link = e.target.closest('a'); if (link && link.href) { const linkHost = new URL(link.href, window.location.origin).hostname; if (linkHost !== window.location.hostname) { signals.outboundClicks++; sendSignal('outbound_click', { url: link.href, text: link.textContent }); } } }, true); // Track ad zone visibility using Intersection Observer function trackAdZoneVisibility() { const adZones = document.querySelectorAll('.wikiwax-ad-zone'); if (adZones.length === 0) return; const observer = new IntersectionObserver((entries) => { entries.forEach((entry) => { const zoneType = entry.target.getAttribute('data-ad-type'); if (entry.isIntersecting) { signals.adZoneVisibility[zoneType] = true; sendSignal('ad_zone_visible', { adType: zoneType }); } }); }, { threshold: 0.5 }); adZones.forEach((zone) => observer.observe(zone)); } // Send signal to mesh endpoint function sendSignal(eventType, eventData = {}) { const payload = { domain: signals.domain, page: signals.page, sessionId: signals.sessionId, event: eventType, timestamp: new Date().toISOString(), scrollDepth: Math.max(...Array.from(signals.scrollDepths), 0), timeOnPageSeconds: Math.floor(signals.timeOnPage / 1000), outboundClicks: signals.outboundClicks, ...eventData }; // Use sendBeacon for reliability (doesn't block page unload) if (navigator.sendBeacon) { try { const blob = new Blob([JSON.stringify(payload)], { type: 'application/json' }); navigator.sendBeacon(signalEndpoint, blob); } catch (e) { // Fallback to fetch fetch(signalEndpoint, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload), keepalive: true }).catch(() => {}); } } else { // Fallback to fetch fetch(signalEndpoint, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload), keepalive: true }).catch(() => {}); } } // Send final signal before leaving page window.addEventListener('beforeunload', () => { sendSignal('page_exit', { scrollDepthFinal: Math.max(...Array.from(signals.scrollDepths), 0), timeOnPageSeconds: Math.floor((Date.now() - signals.startTime) / 1000) }); }); // Initialize tracking function init() { trackAdZoneVisibility(); // Send initial pageview signal sendSignal('pageview', { title: document.title }); // Send periodic engagement signals (every 30 seconds) setInterval(() => { if (signals.scrollDepths.size > 0 || signals.outboundClicks > 0) { sendSignal('engagement_update', { scrollDepth: Math.max(...Array.from(signals.scrollDepths), 0) }); } }, 30000); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } // Expose for debugging window.WikiWaxTracker = { getSignals: () => ({ ...signals, scrollDepths: Array.from(signals.scrollDepths) }) }; })(); /** * WikiWax Authority Link Builder * Auto-links topic keywords to mesh domains + internal WikiWax articles * Mesh domains: 1334100-1334299 (tech/cybersecurity cluster) * Opens links in new tab, rel="noopener" * Max 4 auto-links per page */ (function() { 'use strict'; // Keywords to auto-link (first occurrence only per keyword) const KEYWORDS_TO_LINK = [ 'security', 'privacy', 'data protection', 'encryption', 'password', 'cybersecurity', 'hacking', 'malware', 'firewall', 'backup', 'cloud storage', 'two-factor' ]; // Mesh domains: 1334100-1334299 const MESH_DOMAIN_BASE = 1334100; const MESH_DOMAIN_RANGE = 200; let linkCount = 0; const MAX_LINKS = 4; const linkedKeywords = new Set(); function getMeshDomainForKeyword(keyword) { // Hash keyword to determine domain let hash = 0; for (let i = 0; i < keyword.length; i++) { hash = ((hash << 5) - hash) + keyword.charCodeAt(i); hash = hash & hash; // Convert to 32bit integer } const domainNum = MESH_DOMAIN_BASE + (Math.abs(hash) % MESH_DOMAIN_RANGE); return `https://${domainNum}.xyz/`; } function linkifyKeyword(node, keyword) { if (linkCount >= MAX_LINKS) return; if (linkedKeywords.has(keyword.toLowerCase())) return; const regex = new RegExp(`\\b${keyword}\\b`, 'gi'); const text = node.nodeValue; let match = regex.exec(text); if (!match) return; // Only link first occurrence linkedKeywords.add(keyword.toLowerCase()); const span = document.createElement('span'); span.appendChild(document.createTextNode(text.substring(0, match.index))); const link = document.createElement('a'); link.href = getMeshDomainForKeyword(keyword); link.target = '_blank'; link.rel = 'noopener noreferrer'; link.style.fontWeight = '600'; link.style.textDecoration = 'none'; link.style.borderBottom = '1px solid #2196F3'; link.style.color = 'inherit'; link.appendChild(document.createTextNode(match[0])); span.appendChild(link); span.appendChild(document.createTextNode(text.substring(match.index + match[0].length))); node.parentNode.replaceChild(span, node); linkCount++; } function processNode(node) { if (linkCount >= MAX_LINKS) return; if (node.nodeType === Node.TEXT_NODE) { const text = node.nodeValue.toLowerCase(); for (const keyword of KEYWORDS_TO_LINK) { if (text.includes(keyword.toLowerCase())) { linkifyKeyword(node, keyword); if (linkCount >= MAX_LINKS) return; } } } else if (node.nodeType === Node.ELEMENT_NODE && node.nodeName !== 'A' && node.nodeName !== 'SCRIPT' && node.nodeName !== 'STYLE') { // Process child nodes for (let i = 0; i < node.childNodes.length && linkCount < MAX_LINKS; i++) { processNode(node.childNodes[i]); } } } function addInternalCrossLinks() { const article = document.querySelector('article') || document.querySelector('.post-content') || document.querySelector('.entry-content') || document.querySelector('main'); if (!article) return; // Get all article headings on site const h1 = article.querySelector('h1'); if (!h1) return; const currentTitle = h1.textContent.toLowerCase(); // Create cross-link widget const crossLinkBox = document.createElement('div'); crossLinkBox.style.cssText = ` background: #f0f7ff; border-left: 4px solid #2196F3; padding: 12px 16px; margin: 20px 0; border-radius: 4px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 13px; `; const label = document.createElement('div'); label.style.cssText = 'font-weight: 600; color: #2196F3; margin-bottom: 8px;'; label.textContent = 'Related Articles:'; crossLinkBox.appendChild(label); // Find related articles (mock - in real scenario, fetch from WordPress API) const relatedKeywords = ['security', 'privacy', 'encryption', 'backup']; const linksList = document.createElement('div'); linksList.style.cssText = 'display: flex; flex-direction: column; gap: 6px;'; relatedKeywords.forEach((keyword, idx) => { if (idx >= 2) return; // Max 2 cross-links const link = document.createElement('a'); link.href = `/?s=${encodeURIComponent(keyword)}`; link.style.cssText = 'color: #2196F3; text-decoration: none; font-weight: 500;'; link.textContent = `→ More about ${keyword}`; linksList.appendChild(link); }); crossLinkBox.appendChild(linksList); // Insert cross-link box const lastPara = article.querySelector('p:last-of-type'); if (lastPara) { lastPara.parentNode.insertBefore(crossLinkBox, lastPara.nextSibling); } } function scanAndLink() { const article = document.querySelector('article') || document.querySelector('.post-content') || document.querySelector('.entry-content') || document.querySelector('main'); if (!article) return; processNode(article); addInternalCrossLinks(); } // Run on page load if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', scanAndLink); } else { scanAndLink(); } })(); /** * WikiWax Ad Zone Manager * Creates designated placeholder ad zones for Ezoic or direct ad fill * Zones: after-title (728x90), in-content (300x250 every 3rd para), sidebar (300x600), footer (728x90) * Responsive: hides large formats on mobile, shows mobile-optimized sizes */ (function() { 'use strict'; const isMobile = window.innerWidth < 768; // Create stylesheet for ad zones const style = document.createElement('style'); style.textContent = ` .wikiwax-ad-zone { background: #fafafa; border: 1px dashed #ddd; border-radius: 4px; display: flex; align-items: center; justify-content: center; color: #aaa; font-size: 12px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-weight: 500; overflow: hidden; } .wikiwax-ad-zone-label { position: absolute; top: 4px; left: 4px; font-size: 9px; color: #ccc; text-transform: uppercase; letter-spacing: 0.5px; } /* After-title zone */ .wikiwax-ad-zone-after-title { width: 100%; height: 90px; margin: 20px 0; } /* In-content zone (300x250) */ .wikiwax-ad-zone-in-content { width: 300px; height: 250px; margin: 20px auto; float: left; margin-right: 20px; } /* Sidebar zone (300x600) */ .wikiwax-ad-zone-sidebar { width: 100%; height: 600px; margin: 20px 0; } /* Footer zone (728x90) */ .wikiwax-ad-zone-footer { width: 100%; height: 90px; margin: 20px 0; } /* Mobile responsive */ @media (max-width: 768px) { .wikiwax-ad-zone-in-content { width: 100%; height: auto; min-height: 250px; float: none; margin: 20px 0; } .wikiwax-ad-zone-sidebar { width: 100%; height: 250px; } .wikiwax-ad-zone-after-title { height: 50px; } .wikiwax-ad-zone-footer { height: 50px; } } /* When ad loads, remove border */ .wikiwax-ad-zone.ad-loaded { background: transparent; border: none; } .wikiwax-ad-zone.ad-loaded .wikiwax-ad-zone-label { display: none; } `; document.head.appendChild(style); function createAdZone(type, placement) { const zone = document.createElement('div'); zone.className = `wikiwax-ad-zone wikiwax-ad-zone-${type}`; zone.setAttribute('data-ad-type', type); zone.setAttribute('data-ad-placement', placement); const label = document.createElement('div'); label.className = 'wikiwax-ad-zone-label'; label.textContent = `${type} ad`; zone.appendChild(label); const placeholder = document.createElement('div'); placeholder.style.width = '100%'; placeholder.style.height = '100%'; placeholder.style.display = 'flex'; placeholder.style.alignItems = 'center'; placeholder.style.justifyContent = 'center'; placeholder.textContent = 'Ad'; zone.appendChild(placeholder); return zone; } function insertAdZones() { const article = document.querySelector('article') || document.querySelector('.post-content') || document.querySelector('.entry-content') || document.querySelector('main'); if (!article) return; // 1. After-title zone (after h1 or first heading) const h1 = article.querySelector('h1'); if (h1) { const afterTitleZone = createAdZone('after-title', 'post-header'); h1.parentNode.insertBefore(afterTitleZone, h1.nextSibling); } // 2. In-content zones (every 3rd paragraph) const paragraphs = article.querySelectorAll('p'); let zoneCount = 0; for (let i = 2; i < paragraphs.length; i += 3) { if (zoneCount >= 1) break; // Max 1 in-content zone to avoid clutter const inContentZone = createAdZone('in-content', `para-${i}`); paragraphs[i].parentNode.insertBefore(inContentZone, paragraphs[i].nextSibling); zoneCount++; } // 3. Sidebar zone (if sidebar exists) const sidebar = document.querySelector('.sidebar') || document.querySelector('aside') || document.querySelector('.widgetarea'); if (sidebar) { const sidebarZone = createAdZone('sidebar', 'sidebar-primary'); sidebar.insertBefore(sidebarZone, sidebar.firstChild); } // 4. Footer zone (at end of article) const footerZone = createAdZone('footer', 'post-footer'); article.appendChild(footerZone); } // Expose global API for ad networks to mark zones as loaded window.WikiWaxAds = { markZoneLoaded: function(type) { const zone = document.querySelector(`[data-ad-type="${type}"]`); if (zone) { zone.classList.add('ad-loaded'); } } }; // Run on page load if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', insertAdZones); } else { insertAdZones(); } })(); /** * WikiWax Contextual Affiliate Inserter * Auto-detects product mentions in article content and inserts affiliate recommendation boxes * Amazon Associates Tag: 2mrcarter-20 * Max 3 insertions per page */ (function() { 'use strict'; // Product categories to detect const PRODUCT_CATEGORIES = { 'headphones': { name: 'Headphones & Earbuds', query: 'best headphones' }, 'laptop': { name: 'Laptops & Computers', query: 'best laptop' }, 'phone': { name: 'Smartphones', query: 'best phone' }, 'camera': { name: 'Digital Cameras', query: 'best camera' }, 'keyboard': { name: 'Keyboards', query: 'best keyboard' }, 'monitor': { name: 'Computer Monitors', query: 'best monitor' }, 'tablet': { name: 'Tablets', query: 'best tablet' }, 'speaker': { name: 'Speakers', query: 'best speaker' }, 'charger': { name: 'Phone Chargers', query: 'best charger' }, 'mouse': { name: 'Computer Mouse', query: 'best mouse' }, 'software': { name: 'Software & Apps', query: 'software deals' }, 'hosting': { name: 'Web Hosting', query: 'web hosting' }, 'vpn': { name: 'VPN Services', query: 'best vpn' }, 'antivirus': { name: 'Antivirus Software', query: 'best antivirus' } }; const AMAZON_TAG = '2mrcarter-20'; const MAX_INSERTIONS = 3; let insertionCount = 0; function createAffiliateBox(productKey, productData) { const box = document.createElement('div'); box.className = 'wikiwax-affiliate-box'; box.innerHTML = `
Recommended

${productData.name}

Explore curated options on Amazon

View on Amazon →
As an Amazon Associate, WikiWax earns from qualifying purchases.
`; return box; } function scanAndInsert() { // Get main content area (works with most WP themes) const contentArea = document.querySelector('article') || document.querySelector('.post-content') || document.querySelector('.entry-content') || document.querySelector('main'); if (!contentArea) return; const paragraphs = contentArea.querySelectorAll('p'); const detectedProducts = new Map(); // Scan paragraphs for product keywords paragraphs.forEach((para) => { const text = para.textContent.toLowerCase(); for (const [key, data] of Object.entries(PRODUCT_CATEGORIES)) { if (text.includes(key) && !detectedProducts.has(key)) { detectedProducts.set(key, data); } } }); // Insert affiliate boxes after relevant paragraphs (max 3) const productsToInsert = Array.from(detectedProducts.entries()).slice(0, MAX_INSERTIONS); let paraIndex = 0; productsToInsert.forEach(([productKey, productData]) => { const targetPara = paragraphs[Math.floor(paragraphs.length / (productsToInsert.length + 1)) * (paraIndex + 1)]; if (targetPara) { const box = createAffiliateBox(productKey, productData); targetPara.parentNode.insertBefore(box, targetPara.nextSibling); insertionCount++; } paraIndex++; }); } // Run on page load if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', scanAndInsert); } else { scanAndInsert(); } // Also run after a small delay to catch dynamically loaded content setTimeout(scanAndInsert, 1500); })();