フレームワークコンポーネントがないため、islands に JavaScript が追加されていません
これはフレームワークコンポーネントではないため、client:load が必要なく、バンドル統計に表示されません。スクリプトタグは HTML の後、ブラウザで機能します。
Scriptorium · I
Astro サイトに買うボタンを追加
統合パッケージ、クライアント指令、または島が必要ありません。ボタンは静的ビルドで付属するプレーン HTML であり、これは支払いウィジェットが適格な最も Astro 形状の事です。
スクリプトタグを1回追加
ベースレイアウトのヘッドにスクリプトタグを配置します。ほとんどのプロジェクトで src/layouts/Layout.astro。その後、レイアウトを使用するすべてのページがボタンをレンダリングできます。
---
// src/layouts/Layout.astro
---
<html lang="en">
<head>
<meta charset="utf-8" />
<title>{title}</title>
<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
crossorigin="anonymous"
defer></script>
</head>ダッシュボードで製品に名前を付ける
プロジェクトを開き、[製品]タブに切り替えて、製品を追加します：選択した参照、名前、価格、通貨。ここからダッシュボード実際のプロジェクトID でこのページの両方のブロックを書きます。以下に示す内容は形状です。
ボタンを販売する場所に置く
ボタンを任意の .astro ページまたはコンポーネントのボディに貼り付けます。Astro はそれを構築 HTML に先制され渡します。
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>パブリック。ボタンはページでレンダリングされ、購入者が最初にクリックするときに支払いピッカーが読み込まれます。各追加製品は異なる参照とラベルを持つ同じブロックです。
これらに注意してください
MDX とコンテンツコレクション
レイアウトを通じてレンダリングされたページは既にスクリプトを持っています。MDX コンテンツから販売するには、同じボタン HTML をファイルに直接貼り付けます。
静的、SSR、ハイブリッド：すべて良い
ボタンは HTML がどのように製造されているかは関係ありません。ページがブラウザに到達する場合、それは売却します。