カスタムコードの埋め込み - ビルディング - Carrd ドキュメント
Last updated on 6/26/2025@mrbirddev
カスタムコードの埋め込み
Pro Standard 以上が必要です
埋め込み要素を使用すると、カスタムHTML、CSS、さらにはJavaScriptコードをサイトのほぼどこにでも挿入できます（<head>要素を含む）。まだウィジェット要素でサポートされていないサードパーティのウィジェットを追加する必要がある場合、またはCarrdが現在提供している以上のカスタム機能を組み込みたい場合は、次の手順で行います：
要素を追加をクリック
埋め込みをクリックして新しい埋め込み要素を作成します。
タイプをコードに設定します。
挿入したいカスタムコードをコードに設定します。これは通常サイトのHTMLに貼り付けるほぼすべてのもので、標準的なHTML、カスタムCSSルールを含む
<style>タグ、さらにはJavaScriptコードを含む<script>タグもここで受け入れられます。(オプション) ラベルを、この特定の埋め込みを識別するのに役立つものに設定します（例：マイウィジェットコード）。
埋め込みのスタイルを選択します：
- インラインは、埋め込みがサイト上に表示される場所に正確にコードを挿入します（他の要素と同様に）。
- 非表示は、次の3つの特定の場所にコードを挿入します：
- ヘッドはサイトの
<head>要素用、 - ボディトップはサイトの開く
<body>タグの直後用、または - ボディエンドはサイトの閉じる
</body>タグの直前用。
これにより、埋め込みが通常の要素フローの外に公開されるため、より便利な場所に移動しても構いません（例えば、サイトの最後に）。
- 完了です！ カスタムコードは公開されたサイトで表示されるはずです。埋め込み要素はビルダーでは実際には何も出力しないため、動作を確認するにはサイトを公開する必要があります。
Last updated on 6/26/2025@mrbirddev