Skip to content

TaskOn Embed SDKWhite-label TaskOn Service SDK

Simple and fast integration of TaskOn into your website

TaskOn Embed

Quick Preview

typescript
import { TaskOnEmbed } from "@taskon/embed";

// Initialize with language support
const embed = new TaskOnEmbed({
  baseUrl: "https://yourtaskondomain.com",
  containerElement: "#taskon-container",
  language: "ko", // Start with Korean
  width: "100%",
  height: 600,
});

// Initialize the iframe
await embed.init();

// Handle login requirement
embed.on("loginRequired", async () => {
  // Get signature from your server
  const { signature, timestamp } = await getSignature();

  await embed.login({
    type: "Email",
    account: "user@example.com",
    signature,
    timestamp,
  });
});

// Handle task completion
embed.on("taskCompleted", data => {
  console.log("Task completed:", data.taskName);
  console.log("Rewards:", data.rewards);
});

// Switch language dynamically
await embed.setLanguage("ja"); // Switch to Japanese

// Handle route changes
embed.on("routeChanged", fullPath => {
  console.log("Route changed:", fullPath);
});

// Logout and destroy
await embed.logout();
embed.destroy();

Why Choose TaskOn Embed SDK?

  • 🚀 Quick Deployment - No complex configuration, integration completed in minutes
  • 🎨 Seamless Integration - Adapts to parent container size, perfectly fits into your design
  • 📱 Cross-platform Support - Supports all modern browsers and mobile devices
  • 🔄 Real-time Sync - Automatically syncs login status and task completion status
  • 📈 Business Growth - Improve user engagement and retention through task system

Get Started Now

Released under the MIT License.