絆 Kizuna Service

Enhance Your Website with Kizuna

Kizuna is a powerful service that adds interactive features to any website without modifying your existing code.

🎯 Live Demo Active!

The Kizuna menu is available on this page! Look for the hamburger menu (☰) in the bottom-right corner to try out all features.

Features enabled on this page: Auto-scroll, Quiz System, JavaScript Sandbox, Privacy Popup, and Clear All Data

✨ Available Features

📜 Auto Scroll

Intelligent scrolling functionality with zoom awareness and adjustable speed

🎯 Interactive Quizzes

Dynamic quiz system with beginner and advanced modes, timer support

💻 JavaScript Sandbox

Safe code execution environment for testing and validation

🔒 Privacy Compliance

GDPR-compliant privacy popups and information management

🗑️ Clear All Data

NEW: Complete local data cleanup - IndexedDB, cache, service workers, localStorage, sessionStorage, and cookies with confirmation popup

🚀 How to Use

Add Kizuna to your website by including this script tag in your HTML:

                    <script defer src="https://kizuna.kahiether.com/main.js?website-url=https://yoursite.com&personalinfostored=no&enablemdquizz=yes&enablejssandbox=yes&enableprivacy=yes"></script>
                

⚙️ Configuration Parameters

website-url: Your website URL (required for privacy notices)

personalinfostored: "yes" or "no" - Declares whether your site stores personal information

enablemdquizz: "yes" or "no" - Enable the interactive quiz functionality

enablejssandbox: "yes" or "no" - Enable the JavaScript sandbox feature

enableprivacy: "yes" or "no" - Enable GDPR privacy popup on page load

⚠️ Clear All Data Feature

Important: The "Clear All Data" button is always available in the Kizuna menu, regardless of configuration parameters. This feature provides users with complete control over their local data.

What it clears:

🗄️ localStorage: All key-value pairs stored locally
📝 sessionStorage: All session-specific data
🗃️ IndexedDB: All databases and their contents
📄 Cache API: All cached resources
🔧 Service Workers: Unregisters all service workers
🍪 Cookies: Same-origin cookies (best effort)

Safety: Requires user confirmation with a detailed warning popup before proceeding. The page automatically reloads after data clearing to ensure a clean state.

🔧 Implementation Example

For testing the quiz functionality on your own site, ensure your table follows this structure:

                    <table>
  <tbody>
    <tr>
      <td>Question</td>
      <td>Correct Answer</td>
      <td>Correct Answer 1</td>
      <td>Correct Answer 2</td>
    </tr>
    <!-- More rows... -->
  </tbody>
</table>
                