Aion2pedia ツールチップウィジェット＆埋め込みガイド

クイックスタート：1行のHTMLコード

以下のスクリプトタグをHTMLの<head>または</body>直前に貼り付けるだけで、Aion2pediaへのリンクに自動でリッチなツールチップが表示されます。

HTML

<script src="https://aion2pedia.com/tooltip.js" async></script>

設定オプション

属性名	型	初期値	説明
`src`	string	`"https://aion2pedia.com/tooltip.js"`	スクリプトURL。Aion2pedia配信または自己ホスティングに対応。
`data-lang`	enum	`自動検出 (または ja)`	表示言語を強制指定: en, ko, ja, de, fr。
`data-theme`	string	`dark`	公式ゲームクライアントのUIデザインに準拠したダークテーマ。
`data-base-url`	url	`"https://aion2pedia.com"`	アイテムDBのJSONシャードおよびアイコン画像のルートURL。

ライブインタラクティブデモ

以下のリンクやバッジにマウスを合わせるかタップして、実際のツールチップ動作をご確認ください：

⚔️

アイテム

武器、防具、消耗品にマウスを合わせて確認：

⚡

スキル

クラススキル、滑空、スティグマスキルにマウスを合わせて確認：

🛡️

セット装備

防具セット効果および共鳴ボーナスにマウスを合わせて確認：

太初の活力共鳴4セット

魔力鎧プレートセットプレート

✨

状態異常

状態異常デバフや強化バフにマウスを合わせて確認：

カスタム属性

No anchor tag required. Simply add data-aion2-item, data-aion2-skill, or data-aion2-effect to any HTML element (buttons, pills, spans):

data-aion2-item="110130013"data-aion2-skill="1001"data-aion2-effect="100"data-aion2-item="110140022"

IDインタラクティブテスター

任意のAion 2 IDを入力してツールチップの表示をテストできます：

ツールチップを確認

任意のAion 2 IDを入力してツールチップの表示をテストできます：

プラットフォーム別導入手順

一般的なWeb制作ツールやCMSでの簡単な導入方法：

🌐一般的なHTML / 静的サイト

</body>タグの直前にスクリプトを追加し、データベースページへリンクします：

<!-- Include script -->
<script src="https://aion2pedia.com/tooltip.js" async></script>

<!-- Standard anchor link -->
<a href="https://aion2pedia.com/db/item/110130013/">Artisan's Greatsword</a>

<!-- Or data attribute on any element -->
<span data-aion2-skill="1001">Glide Skill</span>

📝Markdown / MDX (Astro, Docusaurus, Hugo)

Astro、Docusaurus、VitePress、Next.js、HugoなどのMarkdownリンクを自動強化：

[Artisan's Splendent Greatsword](https://aion2pedia.com/db/item/110130013/)
[Glide Ability](https://aion2pedia.com/db/skill/1001/)
[Stun Debuff Effect](https://aion2pedia.com/db/status-effect/100/)

📚MediaWiki (ゲームWiki・攻略サイト)

MediaWiki（攻略Wikiなど）の MediaWiki:Common.js に以下の1行を追加します：

// Add to MediaWiki:Common.js
mw.loader.load('https://aion2pedia.com/tooltip.js');

// Then in your Wiki articles:
[https://aion2pedia.com/db/item/110130013/ Artisan's Greatsword]

⚡WordPress (ギルドポータル・ブログ)

WordPressのヘッダー・フッタースクリプト追加機能またはfunctions.phpに追記します：

function aion2pedia_enqueue_tooltips() {
    wp_enqueue_script(
        'aion2pedia-tooltips',
        'https://aion2pedia.com/tooltip.js',
        array(),
        '1.0.0',
        true
    );
}
add_action('wp_enqueue_scripts', 'aion2pedia_enqueue_tooltips');

主な特長

⚡

依存関係ゼロ

15 KB未満の純粋なVanilla JavaScript。jQueryなどの外部ライブラリは一切不要です。

🚀

高速エッジCDN配信

Cloudflareエッジネットワークとメモリキャッシュにより、待ち時間ゼロの快適な表示を実現。

🔒

プライバシー重視

トラッキング、解析タグ、サードパーティCookieは一切使用していません。

📱

スマートな画面外自動反転

ブラウザの端を検知して自動的に上下左右に反転し、画面外に見切れるのを防ぎます。