C cenaly.com
無料で始める

Tilda · ランディングページからの問い合わせ

Tilda用Cenaly.comウィジェット

既存のTildaブロックに折り返し電話、メッセンジャーボタン、予約を追加できます。目的を選び、ウィジェットを設定し、プロジェクトのHEADにコードを挿入します。その後、ページを再公開してください。consentと分析については、以下に別の手順を説明します。

  • まずTildaのプランで外部コードへのアクセスを確認してください
  • 共通HEADはプロジェクト用、ページ設定は1ページ用
  • 既存のTildaフォームはCenaly.comに自動接続されません

カード不要・登録は1分、タグはさらに1分・設定の変更は5分でサイトに反映

すべてのウィジェットに1つのタグ13個中9個が無料Shadow DOM — レイアウトを崩さないラベルはページの言語で表示2つのクラウド:AWSとロシア

Tildaでできること

必要なウィジェットを選択し、アカウントで設定します。通常のウィジェットは共通タグを使用しますが、consentと分析には個別の設置手順が重要です。

選択したウィジェットとプラットフォームは登録時に保存されます。その後、アカウントでウィジェットを設定してください。Tildaのこの手順は開いたままにしておき、設定が完了したら以下のインストール手順に戻ってください。

13種類のウィジェット →

Tildaの有料プランは必要か

プラットフォームの有料プランが必要

外部HTMLコードにはPersonalまたはBusinessを想定してください。Freeは想定しないでください。

Tildaはcustom codeをPersonalの機能に分類しています。BusinessにはPersonalの機能が含まれます。未払いに関するヘルプでは、Freeへ移行するとT123/T868ブロックのコードが無効になることが別途記載されています。

HEADに関する記事でプランの記載がないことは、無料で利用できる証拠にはなりません。支払い前に、ご自身のプロジェクトでコード挿入欄と最新のTildaの料金表を確認してください。ウィジェットCenaly.comの費用は別途記載されています。

Tildaにコードを挿入する方法

一般的なウィジェット:チャット、連絡ボタン、予約

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>

通常のウィジェット用のタグの例です。コードはアカウントから取得してください。デモ用ドメインに置き換える必要はありません。アナリティクスをブロックする場合は、以下に記載の別の手順を使用してください。 Cookieバナーと分析:別個の手順 →

  1. 1

    設置コードをコピーする

    Cenaly.comのアカウントで:管理パネル → マーケティング → 「マイサイト」。最初のフィールドにサイトのアドレスを入力し、タグの文字列をコピーします。

  2. 2

    Tildaでサイト設定を開く

    プロジェクト一覧で対象サイトの「サイト設定」をクリックします。これはプロジェクト全体の設定であり、個別ページの設定ではありません。

  3. 3

    コードの挿入場所を探す

    「その他」セクション(一部のアカウントでは「コードの挿入」と表示)→「head内に挿入するHTMLコード」フィールド。どちらの名称もTildaの公式ヘルプに記載されています。

  4. 4

    タグを挿入して保存

    フィールドにコードを挿入し、変更を保存します。コードはプロジェクトの全ページのheadに反映されます。

  5. 5

    すべてのページを再公開

    Tildaのヘルプはこれを明確に求めています。再公開しないと、コードはエディタ内にのみ残ります。公開されるのはプロジェクトの全ページであり、1ページではありません。

  6. 6

    インストールを確認する

    公開中のサイトを開き、「マイサイト」→「設置を確認」に戻ります。

タグが必要なのは1ページのみです。「ページ設定」→「詳細設定」→「head内に挿入するHTMLコード」を選び、そのページを再公開します。

Tilda 公式ヘルプ ↗

インストールの確認

  1. 1

    サイトを再公開する

    サイトビルダーでは編集内容は下書きに保存されます。ページを再公開するまで、公開サイトにタグは反映されません。

  2. 2

    アカウントで「マイサイト」を開く

    管理画面 → マーケティング → 「マイサイト」。最初の欄にサイトのアドレス、その隣に「設置を確認」があります。

  3. 3

    検出結果を確認する

    確認ではページの元のHTMLを読み取り、検出されたウィジェットを表示します。Google Tag Manager 経由で設置したタグは検出されません。これは確認の制限であり、設置の問題ではありません。

インストールエラーの対処はヘルプをご覧ください インストール手順 →

Tildaの特長

  • 保存と公開は別の操作

    共通HEADを編集した後は、必要なすべてのページを再公開してください。確認するのは編集画面ではなく、公開されたサイトのアドレスです。

  • Tildaのフォームは別チャネル

    タグを挿入しても、既存フォームの送信先は変わりません。フォームをCenaly.comに接続するには別途設定と確認が必要です。まずはウィジェット自体からの申し込みで始めてください。

  • ボタンとポップアップブロック

    ウィジェットが購入ボタン、標準のマルチボタン、バナーを覆っていないか確認してください。モバイル画面はスペースが狭いため、必要な要素だけを残してください。

  • GTMとアナリティクス

    サーバー側の設置確認では、GTMの動的タグは検出されません。通常のウィジェットは公開ページで確認できます。consentでは、Tildaのインテグレーションを含め、アナリティクスより前に起動することが重要です。

よくある質問

Freeは使えますか?

外部コードにはFreeを想定しないでください。Tildaはcustom codeをPersonalに記載しており、T123/T868のコードはFreeへ移行すると無効になります。まずご自身のプロジェクトでプランの機能を確認してください。

1ページにのみ設置できますか?

はい。ページ設定 → 詳細設定 → head内に挿入するHTMLコード、の順に進みます。その後、そのページを公開し、選択したウィジェットを確認してください。

T123ブロックは使えますか?

別ページの通常のウィジェットには、プランで外部コードが利用できる場合に使えます。同意前のブロックを伴うconsentには、T123はトラッカーの前にあるhead内の最初のスクリプトの代わりにはなりません。

コードは保存したのにウィジェットが表示されない場合、何を確認しますか?

プランでのコードへのアクセス、必要なページの公開、ウィジェットの有効化、アカウントのドメインを確認してください。スマートフォンで、ブラウザ拡張機能なしでサイトを確認してください。

フォームとデザインはどうなりますか?

フォームは設定どおりに動作し続けます。Shadow DOMがウィジェットのスタイルを分離しますが、ボタンの配置やブロックの動作はご自身のサイトで確認する必要があります。

cookieバナーには通常のasyncタグでよいですか?

同意前にトラッカーをブロックするには、専用のconsent/v1.jsをasync/deferなしでheadの先頭に置く必要があります。選択前、拒否後、承認後の読み込みを確認してください。プラットフォーム内蔵の分析機能は別途設定が必要な場合があります。バナーが表示されることは法律への準拠を証明するものではありません。

詳細(プラットフォーム別のインストール、設定、トラブルシューティング)はヘルプをご覧ください。 インストール手順 →

Tildaのサイトにウィジェットを設置する

ランディングページの目的を選び、ウィジェットを設定します。コードを貼り付けたらページを再公開し、テスト送信を行ってください。

ウィジェットを選択

カード不要・登録は1分、タグはさらに1分・設定の変更は5分でサイトに反映