プラグインElementorのelementor/tracker/send_overrideアクションの使用方法・解説

概要

elementor/tracker/send_overrideアクションは、Elementorプラグインにおけるデータトラッキングとカスタマイズに関連するフックです。このアクションは、特定のイベントやアクションが発生した際にカスタムデータを送信するために使用されます。以下のような機能を実装する際によく使われます。

ユーザー行動のトラッキング
カスタムイベントの送信
フォーム送信時のデータ処理
エラーハンドリング
アナリティクスデータの充実
A/Bテストの結果収集

構文

add_action('elementor/tracker/send_override', 'your_custom_function');

パラメータ

$data: 送信されるデータを含む配列。
$event: 発生したイベントの種類を示す文字列。

戻り値

このアクションは戻り値を持たず、単にフックされた関数を呼び出します。

使用可能なプラグインおよびバージョン

Elementor: 3.0.0以上
WordPress: 5.0.0以上

この関数のアクションでの使用可能性

アクション	使用例
mu_plugin_loaded
registered_post_type
plugins_loaded
wp_roles_init
setup_theme
after_setup_theme
set_current_user
init
register_sidebar
wp_loaded
send_headers
parse_query
pre_get_posts
wp
template_redirect
get_header
wp_head

サンプルコード

サンプルコード 1: ユーザーアクションをトラッキングする

add_action('elementor/tracker/send_override', 'track_user_action');

function track_user_action($data, $event) {
    error_log('ユーザーアクション: ' . json_encode($data));
}

このサンプルコードは、ユーザーのアクションが発生するたびに、そのデータをログに記録します。

サンプルコード 2: カスタムデータを送信する

add_action('elementor/tracker/send_override', 'custom_data_sender');

function custom_data_sender($data, $event) {
    if ($event === 'form_submit') {
        // カスタムデータを送信
        wp_remote_post('https://example.com/api', [
            'body' => json_encode($data),
            'headers' => ['Content-Type' => 'application/json'],
        ]);
    }
}

このコードは、フォームが送信された際にカスタムデータを外部APIへ送信します。

サンプルコード 3: エラーハンドリングを追加

add_action('elementor/tracker/send_override', 'error_handling_tracker');

function error_handling_tracker($data, $event) {
    if (!empty($data['error'])) {
        error_log('エラー発生: ' . $data['error']);
    }
}

このサンプルでは、エラーがある場合にその内容をエラーログに記録します。

サンプルコード 4: A/Bテストデータの収集

add_action('elementor/tracker/send_override', 'ab_test_data_collection');

function ab_test_data_collection($data, $event) {
    if ($event === 'ab_test') {
        // A/Bテストのデータを記録
        update_option('ab_test_results', $data);
    }
}

このコードは、A/Bテストデータをオプションとして保存します。

サンプルコード 5: フォーム送信時の確認メッセージ

add_action('elementor/tracker/send_override', 'form_confirmation_message');

function form_confirmation_message($data, $event) {
    if ($event === 'form_submit') {
        // 確認メッセージを表示
        add_action('wp_footer', function() {
            echo '<div class="confirmation-message">フォームが送信されました。</div>';
        });
    }
}

このサンプルコードは、フォームが送信されたときに確認メッセージをフッターに表示します。

このelementor/tracker/send_overrideアクションを使用することで、Elementor内でさまざまなユーザーアクションに応じてカスタム処理を実行する柔軟性が得られます。

概要

構文