埋め込みタグ

ウェブサイトにチャットウィジェットを設置する・URLで共有する

サイドバーの Chat → 埋め込みタグ では、ウェブサイトにチャットウィジェットを設置するためのコードと、チャットを直接開けるURLを取得できます。タブは 「埋め込み」 と 「URL」 の2つです。

ウェブサイトに設置する（埋め込み）

「埋め込み」タブでコードをコピー

「ウィジェットのセットアップ」に表示されているコードを「コピー」します。コードにはエージェント固有の widgetId が含まれています。

サイトのHTMLに貼り付ける

チャットを表示したいページの <head> 内、または </body> タグの直前に貼り付けます。全ページに表示したい場合は、共通のテンプレート（ヘッダー/フッター）に設置してください。

ページを開いて表示を確認

ページを再読み込みし、画面の端にチャットバブルが表示されれば設置完了です。

コードの例：

<script>
  window.newtChatSettings = {
    widgetId: "your-widget-id",
  };
</script>
<script src="https://chat-widget.newt.net/embed.js" async></script>

色や文言、表示位置などはデザイン修正で変更できます。変更してもコードを貼り直す必要はありません。

WordPressなどのCMSを使っている場合

テーマのヘッダー/フッターにスクリプトを追加できる設定や、スクリプト挿入用のプラグインを利用して貼り付けてください。Googleタグマネージャーの「カスタムHTML」タグから設置することもできます。

URLで共有する（URL）

ウェブサイト以外からチャットを開いてもらいたい場合は「URL」タブを使います。

種類	使いどころ
URLリンク	メールマガジンやLINE、QRコードなどから直接チャットを開いてもらう
テキストリンク	ウェブサイト上に「チャットで相談する」というテキストリンクを設置する（HTMLコード）

それぞれ「コピー」ボタンでコピーして利用します。

表示されないときは

トラブルシューティングをご確認ください。