このページでは

エンジニア向けのクイックスタート

For engineers implementing Amplitude15 minIntermediate

このクイックスタートは、Amplitudeを初めて実装するエンジニア向けです。 以下の手順に従って、ブラウザSDKをインストールし、イベントがプロジェクトに流れることを確認し、最初のフィーチャーフラグを配信します。

自動セットアップが必要ですか? プロジェクトディレクトリでnpx @amplitude/wizard実行します。 Amplitude Wizard CLIはフレームワークを検出し、カスタムイベントを提案し、SDKを自動的に計測します。

You'll set up

Before you start

  • AmplitudeアカウントとプロジェクトAPIキー — お持ちでない場合は、[プロジェクトを作成] に移動してください。

  • 製品のコードベースへのアクセス(スタックに応じてフロントエンドまたはバックエンド)。

  • Amplitude組織内のメンバー、開発者、または管理者の役割。

チームが何を追跡すべきかをまだ決めていない場合は、コードを書く前に、まず装の事前作業に移動して追跡計画に沿って調整してください。

  1. ブラウザSDKをインストールする

    ブラウザSDKを追加する

    ブラウザSDKは、データをAmplitudeに最も早く取り込むための手段です。scriptタグまたはnpmパッケージを使用してサイトに追加し、プロジェクトのAPIキーを使用して初期化します。

    html
    <script type="text/javascript">
      !function(){"use strict";...}();
      amplitude.init('YOUR_API_KEY');
    </script>
    

    Amplitudeは、アカウントを最初に作成するときに、プロジェクト設定で事前設定されたスニペットとAIプロンプトを提供します。 プロジェクト設定に移動して、お住まいの地域のスニペットをコピーしてください。

    初期化後、最初のカスタムイベントを送信するためにamplitude.track('Event Name', { property: 'value' })呼び出します。

  2. キャプチャ

    自動キャプチャを有効にする

    自動キャプチャは、クリック数、ページビュー数、セッション数、フォームのやり取り数、ファイルのダウンロード数、マーケティングアトリビューションを追跡します。イベントを手動で呼び出す必要はありません。初期化時に渡すことで自動キャプチャをautocapture: true有効にします:

    js
    amplitude.init("YOUR_API_KEY", { autocapture: true });
    

    Amplitudeプロジェクトの_ライブイベント_ビューを確認して、イベントが到着していることを確認してください。 自動キャプチャが処理する動作に対して追跡コードを追加する必要はありません。

    自動キャプチャは、幅広い行動データをキャプチャするのに最適です。 購入、アップグレード、主要機能の使用など、ビジネスにとって重要なアクションの場合、これらのイベントが適切なプロパティを持つように明示的なamplitude.track()呼び出しを追加してください。

  3. 実験 フィーチャーフラグの起動

    フィーチャー実験を使用すると、

    コードをデプロイすることなく、ユーザーのサブセットに変更をロールアウトできます。Amplitude UIでフラグを作成し、SDKをコードベースに追加し、実行時にフラグ値を確認します。

    js
    const variant = experiment.variant("my-flag");
    if (variant.value === "treatment") {
      // show new feature
    }
    

    ターゲット設定ルール、段階的なロールアウト、フラグのクリーンアップの詳細については、「フィーチャーフラグのロールアウト」を参照してください。

次のステップ

これは役に立ちましたか?