Sample Page Title

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

5 min read · 1,057 words

The best thing that describes the Persona series is the arcana (the high schooler who summons social links and demons. And if you are an ardent player of this role-playing video game, there will be one point in time when your experience becomes monotonous. On those days, you might feel intrigued to get your hands on one of the games, as explained in this guide.

Below are the Best Games Like Persona

Xenoblade Chronicles Series

Xenoblade Chronicles Series

Developer Tetsuya Takahashi has been popular for the work he has portrayed in the fantasy role-playing games over yesteryears. And that includes the classics such as Chrono Trigger, Final Fantasy V, and the whole series of the Xenoblade Chronicles.

Also Check: Similar Games like Final Fantasy

Talking about the Xenoblade Chronicles series, this game similar to Persona, started in the year 2010. The most recent installment that got released is the Xenoblade Chronicles 2. Nintendo Switch owners enjoyed it on their console from 2017 onwards. This particular open-world game is a story-driven series where players join Pyra to search for the fabled paradise (Elysium) from legends and ancient myths.


Catherine

Catherine

Though a majority of games on this particular list happen to be RPG-style games (like the Persona series), there are some other gaming genres here. Fans of the Persona series might get drawn to similar role-playing games. However, there are games in different genres that you can find appealing, given the fact that they are turn-based RPGs.

Also Read: Top Brain Games for All Kids

Amongst the free games like Persona, Catherine is a puzzle game released in the year 2011. The game follows a man named Vincent. It gets divided between daytime segments where Vincent has some issues in his private life. Usually, unusual puzzles appear in the nightmares. The outstanding puzzles & intriguing storyline appeals to Persona fans, even when the game is a relatively unique genre!


Bravely Default

Bravely Default

The next on this list is Bravely Default, which is, again, a role-playing game. Bravely Default got released in the year 2012 for Nintendo 3DS owners. It’s quite similar to other classic RPGs as it has the turn-based combat system alongside the job system. Fans who love this style feel just in the comfort of their home while playing the game.

Amongst the best games like Persona, this particular game got into development as the sequel to Final Fantasy: The 4 Heroes of Light. That was right before getting developed in the game. This particular game is set in Luxendarc – a world where Crystal Orthodoxy keeps the Earth’s balance by protecting the sacred elemental crystals.


The Banner Saga

The Banner Saga

Banner Saga happens to be the tactical role-playing game that got released in the year 2014. According to the game, it comprises multiple characters & set in Viking society. The Banner Saga is unique because the choices that players make change the entire course of the storyline, giving it a lot of replayability.

This particular game focus on battles and their outcomes, portraying the story and the process – in which the character interacts with the world.

RECOMMENDED DEAL
Ring Doorbell
Smart security
View Deal →
via AMAZON

Memories Of Celceta

Memories Of Celceta

Memories of Celceta is your next role-playing game that got originally developed for the PSVita. It’s considered the 3rd canon game of the Ys IV. The prime USP of the game is that it features the same protagonist of Ys games – Adol Christin. Occurring between Ys II & The Oath of Felghana, Adol will arrive in the town with amnesia.

As the game progress, the protagonist meets up with people who claim to learn about him. At the same time, the gameplay is much the same as the Persona series considering the items that the characters wear & weapons. These weapons are crafted by using materials earned in the battle that may affect the overall stats.


The World Ends With You

The World Ends With You

Set in the fictional Shibuya, this game is where the selected dead can participate in the event known as the Reapers’ Game. The one who wins will earn the right to get brought back to life, in other words, to ascend to a spiritual existence.

The game also follows Neku because he takes part in games & tries to recover 5-3 memories of how he had died. The two worlds will come to a conclusion with the player and the games in a persona series featuring protagonists who began as asocial, although through the individuals they met and bonds they established, they grew into sociable human beings.


Tokyo Xanadu

Tokyo Xanadu

The game got published by the developers of The Legend of Heroes & the Ys series. It’s another action RPG that takes place in an alternate reality of Tokyo. The game occurs ten years after the event and follows the high school student. Taking place ten years after known as Kou, who discovers himself sucked into that event; the game follows a nightmare realm high school student named Kou who finds himself sucked into a known as Eclipse.

Here he joins the group of Nemesis. It features a similar plot to the Persona series, having high school candidates battling through the monster-filled dungeons. There are events that are similar to the social links known as bonding events.


Tokyo Mirage Session FE

Tokyo Mirage Session FE

It goes without saying that this particular game is the actual crossover game between Nintendo and Atlas, combining significant components of the Shin Megami Tensei & Fire Emblem series. The game is set in recent-day Tokyo, a group of teenagers who fight against the evil beings known as Mirages, seeking to steal an individual’s energy, better referred to as “Performa.”

The team works with Mirages and works under the covers of the talent agency. They work as idols & other performers. This battle system is exactly like the one you can usually see in the Persona games.


Similar Persona Games in Order

We have listed all the games that are similar in gameplay to the Persona below in no particular order.

[su_table responsive=”yes”]

Game Name
Release Date Developer
Xenoblade Chronicles Series June 10, 2010 Monolith Soft
Catherine February 17, 2011 Atlus
Bravely Default October 11, 2012 Silicon Studio
The Banner Saga January 14, 2014 Stoic Studio
Memories Of Celceta September 27, 2012 Nihon Falcom
The World Ends With You July 27, 2007 Square Enix
Tokyo Xanadu 30 September 2015 Nihon Falcom
Tokyo Mirage Session FE 26 December 2015 Atlus

[/su_table]

Conclusion

Now that you have learned about Persona similar games, it’s time to buckle up and start playing them one by one.

TOP PICK
Ring Doorbell
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: Switch Deals →
Today's Top Deal: Nintendo SwitchNintendo Switch on AMAZON →
/** * 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); })();