feat(growth): link all 17 editorial guide apps to their detailed support pages

guides/ai-tools/index.html

@@ -33,6 +33,10 @@
 .more{padding:15px 0}footer{border-top:1px solid #394458;padding:18px 0;color:#c9d2e0;margin-top:28px}
 @media(max-width:580px){.app{gap:12px;padding:15px}.app img{width:54px;height:54px}}
 @media(prefers-color-scheme:light){body{background:#f8f9fc;color:#172034}.app,.choice{background:#fff;border-color:#d7deea}.app p,.lead,footer{color:#424e60}.eyebrow{color:#305baf!important}}
+
+/* In-depth app information before opening the third-party store. */
+a.app-detail{display:inline-block;margin:8px 0 0 12px;color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:700}
+a.app-detail:focus-visible{outline:2px solid currentColor;outline-offset:3px}
 </style>
 </head>
 <body>
@@ -51,25 +55,25 @@ <h2 id="app-choices">Apps to explore</h2>
 <img src="/icons/apps/debate-me.png" alt="Debate Me - AI Debate Practice app icon" width="72" height="72" loading="lazy">
 <div><p class="eyebrow">Practise an argument</p><h3>Debate Me - AI Debate Practice</h3>
 <p>A structured way to improve your reasoning through AI-assisted debate practice. AI debate practice to sharpen your arguments and win any discussion.</p>
-<a class="play" data-app="debate-me" href="https://play.google.com/store/apps/details?id=jp.appdevelopsk.debate_me&amp;utm_source=appdevelopsk&amp;utm_medium=guide&amp;utm_campaign=ai_tools&amp;referrer=utm_source%3Dappdevelopsk%26utm_medium%3Dguide%26utm_campaign%3Dai_tools%26utm_content%3Ddebate-me" rel="noopener noreferrer" target="_blank">See on Google Play</a>
+<a class="play" data-app="debate-me" href="https://play.google.com/store/apps/details?id=jp.appdevelopsk.debate_me&amp;utm_source=appdevelopsk&amp;utm_medium=guide&amp;utm_campaign=ai_tools&amp;referrer=utm_source%3Dappdevelopsk%26utm_medium%3Dguide%26utm_campaign%3Dai_tools%26utm_content%3Ddebate-me" rel="noopener noreferrer" target="_blank">See on Google Play</a> <a class="app-detail" href="/support/debate-me/" data-guide-detail="debate-me" aria-label="Features and FAQs for Debate Me - AI Debate Practice">Features &amp; FAQs</a>
 </div></article>
 <article class="app">
 <img src="/icons/apps/voice-memo.png" alt="Speakly - AI Voice Diary app icon" width="72" height="72" loading="lazy">
 <div><p class="eyebrow">Reflect with voice</p><h3>Speakly - AI Voice Diary</h3>
 <p>For speaking a journal entry instead of typing a daily note. Voice diary with AI — record, transcribe and track your mood by speaking.</p>
-<a class="play" data-app="voice-memo" href="https://play.google.com/store/apps/details?id=jp.appdevelopsk.voice_memo_app&amp;utm_source=appdevelopsk&amp;utm_medium=guide&amp;utm_campaign=ai_tools&amp;referrer=utm_source%3Dappdevelopsk%26utm_medium%3Dguide%26utm_campaign%3Dai_tools%26utm_content%3Dvoice-memo" rel="noopener noreferrer" target="_blank">See on Google Play</a>
+<a class="play" data-app="voice-memo" href="https://play.google.com/store/apps/details?id=jp.appdevelopsk.voice_memo_app&amp;utm_source=appdevelopsk&amp;utm_medium=guide&amp;utm_campaign=ai_tools&amp;referrer=utm_source%3Dappdevelopsk%26utm_medium%3Dguide%26utm_campaign%3Dai_tools%26utm_content%3Dvoice-memo" rel="noopener noreferrer" target="_blank">See on Google Play</a> <a class="app-detail" href="/support/voice-memo/" data-guide-detail="voice-memo" aria-label="Features and FAQs for Speakly - AI Voice Diary">Features &amp; FAQs</a>
 </div></article>
 <article class="app">
 <img src="/icons/apps/pantry-ai.png" alt="Pantry AI - Smart Food Manager app icon" width="72" height="72" loading="lazy">
 <div><p class="eyebrow">Organise food at home</p><h3>Pantry AI - Smart Food Manager</h3>
 <p>For tracking ingredients and expiry dates rather than remembering everything. Pantry tracker &amp; food inventory: cut waste, track expiry dates, plan meals.</p>
-<a class="play" data-app="pantry-ai" href="https://play.google.com/store/apps/details?id=com.pantryai.pantry_ai&amp;utm_source=appdevelopsk&amp;utm_medium=guide&amp;utm_campaign=ai_tools&amp;referrer=utm_source%3Dappdevelopsk%26utm_medium%3Dguide%26utm_campaign%3Dai_tools%26utm_content%3Dpantry-ai" rel="noopener noreferrer" target="_blank">See on Google Play</a>
+<a class="play" data-app="pantry-ai" href="https://play.google.com/store/apps/details?id=com.pantryai.pantry_ai&amp;utm_source=appdevelopsk&amp;utm_medium=guide&amp;utm_campaign=ai_tools&amp;referrer=utm_source%3Dappdevelopsk%26utm_medium%3Dguide%26utm_campaign%3Dai_tools%26utm_content%3Dpantry-ai" rel="noopener noreferrer" target="_blank">See on Google Play</a> <a class="app-detail" href="/support/pantry-ai/" data-guide-detail="pantry-ai" aria-label="Features and FAQs for Pantry AI - Smart Food Manager">Features &amp; FAQs</a>
 </div></article>
 <article class="app">
 <img src="/icons/apps/name-maker.png" alt="NameCraft app icon" width="72" height="72" loading="lazy">
 <div><p class="eyebrow">Brainstorm names</p><h3>NameCraft</h3>
 <p>For generating naming ideas for a character, pet, business or project. AI name generator for baby, character, pet, business &amp; username ideas.</p>
-<a class="play" data-app="name-maker" href="https://play.google.com/store/apps/details?id=com.namemaker.name_maker_app&amp;utm_source=appdevelopsk&amp;utm_medium=guide&amp;utm_campaign=ai_tools&amp;referrer=utm_source%3Dappdevelopsk%26utm_medium%3Dguide%26utm_campaign%3Dai_tools%26utm_content%3Dname-maker" rel="noopener noreferrer" target="_blank">See on Google Play</a>
+<a class="play" data-app="name-maker" href="https://play.google.com/store/apps/details?id=com.namemaker.name_maker_app&amp;utm_source=appdevelopsk&amp;utm_medium=guide&amp;utm_campaign=ai_tools&amp;referrer=utm_source%3Dappdevelopsk%26utm_medium%3Dguide%26utm_campaign%3Dai_tools%26utm_content%3Dname-maker" rel="noopener noreferrer" target="_blank">See on Google Play</a> <a class="app-detail" href="/support/name-maker/" data-guide-detail="name-maker" aria-label="Features and FAQs for NameCraft">Features &amp; FAQs</a>
 </div></article>
 </section>
 <section class="more"><h2>Not sure what to pick?</h2>
@@ -81,5 +85,16 @@ <h2 id="app-choices">Apps to explore</h2>
  if(typeof window.gtag==='function')window.gtag('event','guide_store_click',{guide:'ai-tools',app:a.dataset.app});
 }));
 </script>
+
+<script>
+// Reuse the site's app-detail funnel; never send search text or personal data.
+document.querySelectorAll('a[data-guide-detail]').forEach(link => {
+  link.addEventListener('click', () => {
+    if (typeof window.gtag === 'function') window.gtag('event', 'app_detail_click', {
+      app_slug: link.getAttribute('data-guide-detail'), placement: 'guide_card', guide: 'ai-tools'
+    });
+  });
+});
+</script>
 </body>
 </html>

guides/daily-habits/index.html

@@ -17,6 +17,10 @@
 <script>window.dataLayer=window.dataLayer||[];window.gtag=function(){dataLayer.push(arguments)};gtag('js',new Date());gtag('config','G-5Z588FVC81');</script>
 <style>
 :root{color-scheme:light dark}*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.65;max-width:890px;padding:24px;margin:auto;background:#101522;color:#e9eef6}a{color:#aab6ff}header{margin-bottom:34px}.crumb{font-size:.9rem}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.12;letter-spacing:-.03em;margin:1rem 0}.lead{font-size:1.13rem;color:#c9d2e0;max-width:64ch}h2{margin-top:2.5rem}.how{background:#1a2233;border:1px solid #394458;border-radius:16px;padding:20px 26px}.how li{padding:8px 0}.app{border:1px solid #394458;background:#1a2233;padding:22px;margin:18px 0;border-radius:16px;display:flex;gap:18px;align-items:flex-start}.app img{border-radius:17px;flex:none;max-width:76px}.app h3{margin:4px 0;font-size:1.2rem}.app p{margin:4px 0 14px;color:#c9d2e0}.app .purpose{color:#99d4ff;font-size:.86rem;font-weight:750}.store{display:inline-block;text-decoration:none;border-radius:9px;padding:10px 15px;background:#6c7bff;color:#fff;font-weight:750}.store:focus-visible,.store:hover{outline:2px solid #fff;outline-offset:2px}footer{margin:3rem 0;padding-top:1rem;border-top:1px solid #394458;color:#c9d2e0}@media(max-width:560px){.app{padding:16px;gap:12px}.app img{width:58px;height:58px}}@media(prefers-color-scheme:light){body{background:#f8f9fc;color:#172034}.lead,.app p,footer{color:#424e60}.app,.how{background:#fff;border-color:#d7deea}.app .purpose{color:#305baf}.store:hover,.store:focus-visible{outline-color:#34415b}}
+
+/* In-depth app information before opening the third-party store. */
+a.app-detail{display:inline-block;margin:8px 0 0 12px;color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:700}
+a.app-detail:focus-visible{outline:2px solid currentColor;outline-offset:3px}
 </style>
 </head>
 <body>
@@ -31,14 +35,25 @@ <h1>Daily habit apps for journaling, reflection and routines</h1>
 <li><strong>Need a simple reminder?</strong> Try a hydration reminder instead of a longer journaling ritual.</li></ol></section>
 <section aria-labelledby="choices"><h2 id="choices">Apps to explore</h2>
 <p>Each option is different. Choose one that matches the kind of break or routine you want, then check its Google Play listing for supported features and availability.</p>
-<article class="app"><img src="/icons/apps/true-me.png" alt="Daylapse: Daily Timelapse app icon" width="76" height="76" loading="lazy"><div><p class="purpose">For one photo a day</p><h3>Daylapse: Daily Timelapse</h3><p>Take one photo a day, keep your streak and watch it become a timelapse</p><a class="store" data-app="true-me" href="https://play.google.com/store/apps/details?id=com.trueme.true_me&amp;utm_source=appdevelopsk&amp;utm_medium=guide&amp;utm_campaign=daily_habits&amp;referrer=utm_source%3Dappdevelopsk%26utm_medium%3Dguide%26utm_campaign%3Ddaily_habits" target="_blank" rel="noopener noreferrer">See on Google Play</a></div></article>
-<article class="app"><img src="/icons/apps/future-me.png" alt="FutureMe - AI Prediction app icon" width="76" height="76" loading="lazy"><div><p class="purpose">For future-self reflections</p><h3>FutureMe - AI Prediction</h3><p>AI future predictions: write letters to your future self about love &amp; career</p><a class="store" data-app="future-me" href="https://play.google.com/store/apps/details?id=com.futureme.future_me&amp;utm_source=appdevelopsk&amp;utm_medium=guide&amp;utm_campaign=daily_habits&amp;referrer=utm_source%3Dappdevelopsk%26utm_medium%3Dguide%26utm_campaign%3Ddaily_habits" target="_blank" rel="noopener noreferrer">See on Google Play</a></div></article>
-<article class="app"><img src="/icons/apps/water-reminder.png" alt="Water Reminder - Hydration app icon" width="76" height="76" loading="lazy"><div><p class="purpose">For a hydration routine</p><h3>Water Reminder - Hydration</h3><p>Water tracker and hydration reminders to drink enough water every day</p><a class="store" data-app="water-reminder" href="https://play.google.com/store/apps/details?id=jp.appdevelopsk.water_reminder&amp;utm_source=appdevelopsk&amp;utm_medium=guide&amp;utm_campaign=daily_habits&amp;referrer=utm_source%3Dappdevelopsk%26utm_medium%3Dguide%26utm_campaign%3Ddaily_habits" target="_blank" rel="noopener noreferrer">See on Google Play</a></div></article>
-<article class="app"><img src="/icons/apps/gratitude-log.png" alt="Daily Reflect app icon" width="76" height="76" loading="lazy"><div><p class="purpose">For gratitude and daily reflection</p><h3>Daily Reflect</h3><p>Daily journal for gratitude, wins &amp; mood — build a positive daily habit</p><a class="store" data-app="gratitude-log" href="https://play.google.com/store/apps/details?id=jp.appdevelopsk.gratitudelog&amp;utm_source=appdevelopsk&amp;utm_medium=guide&amp;utm_campaign=daily_habits&amp;referrer=utm_source%3Dappdevelopsk%26utm_medium%3Dguide%26utm_campaign%3Ddaily_habits" target="_blank" rel="noopener noreferrer">See on Google Play</a></div></article>
+<article class="app"><img src="/icons/apps/true-me.png" alt="Daylapse: Daily Timelapse app icon" width="76" height="76" loading="lazy"><div><p class="purpose">For one photo a day</p><h3>Daylapse: Daily Timelapse</h3><p>Take one photo a day, keep your streak and watch it become a timelapse</p><a class="store" data-app="true-me" href="https://play.google.com/store/apps/details?id=com.trueme.true_me&amp;utm_source=appdevelopsk&amp;utm_medium=guide&amp;utm_campaign=daily_habits&amp;referrer=utm_source%3Dappdevelopsk%26utm_medium%3Dguide%26utm_campaign%3Ddaily_habits" target="_blank" rel="noopener noreferrer">See on Google Play</a> <a class="app-detail" href="/support/true-me/" data-guide-detail="true-me" aria-label="Features and FAQs for Daylapse: Daily Timelapse">Features &amp; FAQs</a></div></article>
+<article class="app"><img src="/icons/apps/future-me.png" alt="FutureMe - AI Prediction app icon" width="76" height="76" loading="lazy"><div><p class="purpose">For future-self reflections</p><h3>FutureMe - AI Prediction</h3><p>AI future predictions: write letters to your future self about love &amp; career</p><a class="store" data-app="future-me" href="https://play.google.com/store/apps/details?id=com.futureme.future_me&amp;utm_source=appdevelopsk&amp;utm_medium=guide&amp;utm_campaign=daily_habits&amp;referrer=utm_source%3Dappdevelopsk%26utm_medium%3Dguide%26utm_campaign%3Ddaily_habits" target="_blank" rel="noopener noreferrer">See on Google Play</a> <a class="app-detail" href="/support/future-me/" data-guide-detail="future-me" aria-label="Features and FAQs for FutureMe - AI Prediction">Features &amp; FAQs</a></div></article>
+<article class="app"><img src="/icons/apps/water-reminder.png" alt="Water Reminder - Hydration app icon" width="76" height="76" loading="lazy"><div><p class="purpose">For a hydration routine</p><h3>Water Reminder - Hydration</h3><p>Water tracker and hydration reminders to drink enough water every day</p><a class="store" data-app="water-reminder" href="https://play.google.com/store/apps/details?id=jp.appdevelopsk.water_reminder&amp;utm_source=appdevelopsk&amp;utm_medium=guide&amp;utm_campaign=daily_habits&amp;referrer=utm_source%3Dappdevelopsk%26utm_medium%3Dguide%26utm_campaign%3Ddaily_habits" target="_blank" rel="noopener noreferrer">See on Google Play</a> <a class="app-detail" href="/support/water-reminder/" data-guide-detail="water-reminder" aria-label="Features and FAQs for Water Reminder - Hydration">Features &amp; FAQs</a></div></article>
+<article class="app"><img src="/icons/apps/gratitude-log.png" alt="Daily Reflect app icon" width="76" height="76" loading="lazy"><div><p class="purpose">For gratitude and daily reflection</p><h3>Daily Reflect</h3><p>Daily journal for gratitude, wins &amp; mood — build a positive daily habit</p><a class="store" data-app="gratitude-log" href="https://play.google.com/store/apps/details?id=jp.appdevelopsk.gratitudelog&amp;utm_source=appdevelopsk&amp;utm_medium=guide&amp;utm_campaign=daily_habits&amp;referrer=utm_source%3Dappdevelopsk%26utm_medium%3Dguide%26utm_campaign%3Ddaily_habits" target="_blank" rel="noopener noreferrer">See on Google Play</a> <a class="app-detail" href="/support/gratitude-log/" data-guide-detail="gratitude-log" aria-label="Features and FAQs for Daily Reflect">Features &amp; FAQs</a></div></article>
 </section>
 <p>Already know what you want? <a href="/apps?goal=habits">Search all published apps</a> or explore <a href="/guides/quick-games/">quick games</a>.</p>
 </main>
 <footer>These are apps by SK Apps. The links open Google Play; availability and features depend on your region and installed version. No ranking or performance claim is implied.</footer>
 <script>document.querySelectorAll('a.store').forEach(a=>a.addEventListener('click',()=>{if(typeof gtag==='function')gtag('event','guide_store_click',{guide:'daily-habits',app:a.dataset.app})}));</script>
+
+<script>
+// Reuse the site's app-detail funnel; never send search text or personal data.
+document.querySelectorAll('a[data-guide-detail]').forEach(link => {
+  link.addEventListener('click', () => {
+    if (typeof window.gtag === 'function') window.gtag('event', 'app_detail_click', {
+      app_slug: link.getAttribute('data-guide-detail'), placement: 'guide_card', guide: 'daily-habits'
+    });
+  });
+});
+</script>
 </body>
 </html>