高度な機能のためのJavaScriptとトラッキングコードの追加

ClickFunnels を使用すると、JavaScript とトラッキングコードをページに追加して、カスタムインタラクティブ性、サードパーティツール、分析などの高度な機能を実装できます。このガイドでは、カスタム JavaScript と トラッキングコードを ページに効果的に追加する方法を学習します。

必要条件

アクティブなClickFunnelsアカウント
ワークスペースで作成されたページ
外部 JavaScript またはトラッキングコード

HTML/JS 要素を使用した JavaScript コードの追加

HTML/JS 要素は、ページ上の特定の機能やインタラクティブ性のためにカスタム JavaScript を追加するのに最適です。この方法は、ウィジェット、アニメーション、またはインタラクティブな要素を埋め込むのに最適です。

ページエディタ内で、要素を 配置するセクション を追加します。
そのセクション内に行を追加します。
行内のオレンジ色の + プラスまたは [新しい要素を追加] ボタンをクリックして、新しい要素を挿入します。
MISC (その他) カテゴリから、HTML/JS 要素を選択します。
要素の設定パネルにある [コードエディターを開く ] ボタンをクリックします。
JavaScript コードを <script> </script> タグ内にラップし、エディターに貼り付けます。

手記：
jQuery は ClickFunnels ページ内で使用できるため、CDN から個別にインポートしなくても、カスタム HTML/JS 要素内で jQuery 構文を直接追加できます。

詳細はこちら: HTML/JS: Insert Custom HTML and JavaScript Code。

ページヘッダーまたはフッターへのトラッキングコードの追加

ClickFunnels の [ヘッダーコード ] セクションと [フッターコード ] セクションは、ページ全体に適用されるトラッキングスクリプトまたはグローバル JavaScript を追加するように設計されています。これらは、Google Analytics や Facebook Pixel などの分析ツールによく使用されます。

ページエディター内で、[ 設定] > [トラッキングコード] に移動します。
ヘッダーまたはフッターコードを選択します。
- ヘッダー コード セクションは、分析やCSSベースのスクリプトなど、ページライフサイクルの早い段階で読み込む必要があるスクリプトに使用します。
- JavaScript の フッターコード セクションを使用すると、コンテンツの後に読み込むことができるページ要素またはスクリプトと対話します。
JavaScript コードを <script> </script> タグでラップし、適切なセクションに貼り付けます。
変更を保存し、プレビューするかブラウザー開発者ツールを使用してページをテストし、スクリプトの実行を確認します。

ヘッダーコードとフッターコードを使用する場合

ヘッダーコード: ページコンテンツの前に読み込む必要があるトラッキングスクリプトまたは外部スクリプトを追加します。
例: Google アナリティクスまたはサードパーティの CSS ライブラリ。
フッターコード: 完全に読み込まれているページに依存するスクリプトを追加します。
例: カスタム JavaScript または HTML 要素と対話するスクリプト。

大事な：
ページエディター内でトラッキングコードを追加すると、その特定のページにのみ適用されます。トラッキングコードをグローバルに読み込む場合は、次のオプションを検討してください。
サイト設定: ClickFunnels の サイトとブログ アプリに移動し、 サイト設定にアクセスします。トラッキングコードを [ヘッダーコード ] または [フッターコード] セクションに貼り付けます。これにより、コース、ランディングページ、ブログ、ストアページ、すべてのファネルページを含むサイト全体にコードが適用されるようになります。
ファネル設定: 特定の目標到達プロセスの設定を開き、[ ヘッダーコード] または [フッターコード] セクションにトラッキングコードを追加します。これにより、その目標到達プロセス内のすべてのページにコードが適用されます。