This article will introduce how to use the Embed SDK to embed frontend components into your website.
SDK 安装
通过 npm 安装
要使用 npm 安装 SDK,请运行以下命令:
npm install --save ton-ai-sdk
通过 CDN 引入
要通过 CDN 引入 SDK,请在您的 HTML 文件中添加以下脚本标签:
<script src="https://cdn.jsdelivr.net/npm/ton-ai-sdk/dist/index.js"></script>
初始化 SDK
在 React 项目中
要在 React 项目中初始化 SDK,请在主文件中导入 SDK,例如 App.jsx
:
import { TonAdInit } from 'ton-ai-sdk';
然后,在 useEffect
钩子中初始化 SDK:
useEffect(() => {
const result = TonAdInit();
console.log('TonAdInit', result);
}, []);
在其他框架中
对于其他框架,您可以在页面完全加载后初始化 SDK:
<script>
document.addEventListener('DOMContentLoaded', function () {
// 在 DOM 准备好后初始化 TonAd
TonAdInit();
});
</script>