カスタムコードの埋め込み - ビルディング - Carrd ドキュメント

Last updated on 6/26/2025@mrbirddev
カスタムコードの埋め込み - ビルディング - Carrd ドキュメント

カスタムコードの埋め込み

Pro Standard 以上が必要です

埋め込み要素を使用すると、カスタムHTML、CSS、さらにはJavaScriptコードをサイトのほぼどこにでも挿入できます(<head>要素を含む)。まだウィジェット要素でサポートされていないサードパーティのウィジェットを追加する必要がある場合、またはCarrdが現在提供している以上のカスタム機能を組み込みたい場合は、次の手順で行います:

  1. 要素を追加クリック

  2. 埋め込みクリックして新しい埋め込み要素を作成します。

  3. タイプコードに設定します。

  4. 挿入したいカスタムコードをコードに設定します。これは通常サイトのHTMLに貼り付けるほぼすべてのもので、標準的なHTML、カスタムCSSルールを含む<style>タグ、さらにはJavaScriptコードを含む<script>タグもここで受け入れられます。

  5. (オプション) ラベルを、この特定の埋め込みを識別するのに役立つものに設定します(例:マイウィジェットコード)。

  6. 埋め込みのスタイルを選択します:

  • インラインは、埋め込みがサイト上に表示される場所に正確にコードを挿入します(他の要素と同様に)。
  • 非表示は、次の3つの特定の場所にコードを挿入します:
  • ヘッドはサイトの<head>要素用、
  • ボディトップはサイトの開く<body>タグの直後用、または
  • ボディエンドはサイトの閉じる</body>タグの直前用。

これにより、埋め込みが通常の要素フローのに公開されるため、より便利な場所に移動しても構いません(例えば、サイトの最後に)。

  1. 完了です! カスタムコードは公開されたサイトで表示されるはずです。埋め込み要素はビルダーでは実際には何も出力しないため、動作を確認するにはサイトを公開する必要があります。

Last updated on 6/26/2025@mrbirddev
Loading...