Add Live Chat to ClickFunnels Courses
このチュートリアルでは、FastComments の Streaming Chat を ClickFunnels のコースで設定する方法を説明します。
また、最後に代わりに使用したい場合のための Live Commenting のコードスニペットも追加します。
このチュートリアルはコースモジュール向けのものですが、ブログ投稿やページにコメント機能を追加する手順も同様です（対応するテンプレートを編集するだけです）。
また、人々の参加を促すための自動コメントの設定についても簡単に説明します。
このチュートリアルでは FastComments のアカウントが必要です。まずサインアップしてからここに戻ってくることをお勧めします。こちらでアカウントを作成できます。
ステップ1：テンプレートを見つける 
最初に、ClickFunnels のテンプレートエディタを開く必要があります。コースの場合は、コースを開いて右上の Customize をクリックしてアクセスします:
Templates に移動します:
コースは複数のテンプレートで構成されています。レッスンにコメントを表示したいので、例として Default Lesson Page を選択します:
これで完了です！ステップ2の準備ができました。
ステップ2：コードを追加する
Now that we're in the template editor, we must decide where we want to display the comments, or live chat.
テンプレートエディタに入ったので、コメント（ライブチャット）を表示する場所を決める必要があります。
In this example we will add it directly below the video. Hover the element to add the widget to the end of, and click ADD ELEMENT:
この例ではビデオの直下に追加します。ウィジェットを追加したい要素にカーソルを合わせ、ADD ELEMENTをクリックします：
Select CUSTOM JS/HTML:
CUSTOM JS/HTML を選択します：
Now let's open the code editor where we'll paste our code.
次に、コードを貼り付けるコードエディタを開きます。
ClickFunnels is a bit confusing on this next step.
ClickFunnels は次の手順が少し分かりにくいです。
It's important that you DO NOT select Code when you hover over the new element. Instead, select SETTINGS:
新しく追加した要素にカーソルを合わせたときに Code を選択しないことが重要です。代わりに SETTINGS を選択してください：
Now on the right hand side we can click Open Code Editor:
右側のパネルで Open Code Editor をクリックします：
You'll see a big square open up. This is where we can paste our code. Copy the following snippet (use the copy button in the top right):
大きな四角いウィンドウが開きます。ここにコードを貼り付けます。以下のスニペットをコピーしてください（右上のコピーボタンを使用してください）：
This code snippet is for our Streaming Chat product, which goes well with videos. If you want the Live Commenting widget code snippet instead, which goes best with regular pages or blog posts, it's at the end of this tutorial.
このコードスニペットは動画に適した Streaming Chat 製品用です。代わりに Live Commenting ウィジェットのコードスニペットが必要で、通常のページやブログ投稿に最適な場合は、 チュートリアルの最後にあります。
When we paste the code snippet into the window, it should look like this:
コードスニペットをウィンドウに貼り付けると、次のようになります：
Now we just have to close the box:
あとはボックスを閉じるだけです：
Now you can preview your changes! Feel free to move the widget around and see where you like it best.
これで変更をプレビューできます。ウィジェットを移動して、最適な位置を確認してください。
Success! Don't forget to test mobile!
成功です！モバイルでのテストをお忘れなく！
ドメインのエラー
次のような認可エラーが発生することがあります:
これは、FastComments がこのドメインであなたのアカウントを使用できるようにする必要があることを認識していないためです。
この場合、対処は簡単です。あなたのサイトを FastComments.com のアカウントに追加するだけです。
サイトをアカウントに追加するにはここをクリックしてください。
カスタマイズ
FastComments はあなたのサイトに合わせてカスタマイズできるように設計されています。
カスタムスタイリングを追加したり設定を調整したい場合は、カスタマイズと設定に関するドキュメント をご覧ください。
補足：ライブコメント用のコードスニペット
ClickFunnelsのライブコメント用コードスニペットを探している場合は、こちらをお試しください：
補足：コメントの自動再生
FastComments は Auto Play（自動再生）という機能をサポートしています。これにより、コメントの CSV をインポートして、それらを再生するようにスケジュールできます ページ読み込み時からの時・分・秒に基づく特定のオフセットで。
また、投稿されたコメントを正しい時間に自動的にオートプレイスクリプトに追加するため、あなたのビデオ スクリプトは各ウェビナーごとに手動の作業なしで増えていきます。
これは現在、すべての FastComments プランに含まれています。
注意!
CSV ファイル内の URL ID 列がコース/ビデオの URL と一致する必要があることを忘れないでください。