ルールの作成

次に、このデータ要素を単純なルールで使用します。ルールはタグの最も強力な機能の 1 つであり、訪問者が web サイトを操作したときの動作を指定できます。 ルールで概説された基準が満たされると、ルールは指定したアクションをトリガーします。

ページ名データ要素の値をブラウザーコンソールに出力するルールを作成します。

ルールを作成するには以下を実行します。

  1. 左側のナビゲーションで、「ルール」をクリックします

  2. このプロパティにはまだルールを作成していないので、トピックに関する追加情報を含む短いビデオが表示されます。よろしければこのビデオをご覧ください。

  3. 新規ルールを作成 ボタンをクリックします。

    「新規ルールを作成」ボタンをクリックします

  4. ルール名を All Pages - Library Loaded に設定します。この命名規則は、ルールを実行する場所とタイミングを示すので、タグプロパティの成熟時に識別して再利用することが容易になります。

  5. イベントで、「追加」をクリックします。 イベントは、ルールをいつ実行するかをタグに指示します。タグには、ページの読み込み、クリック、カスタム JavaScript イベントなど、様々なイベントを使用できます。

    ルールに名前を付けてイベントを追加する

    1. 「イベントタイプ」として、「読み込まれたライブラリ(ページ上部)」を選択します。イベントタイプを選択すると、選択した項目を使用してイベントの名前がタグによって事前設定されます。 また、イベントのデフォルトの順序は 50 です。順序は、同じイベントによってトリガーされる複数のルールがある場合に、アクションのシーケンスを正確に制御できるタグの強力な機能です。 この機能は、チュートリアルの後半で使用します。

    2. 変更を保持」ボタンをクリックします

    イベントの選択

  6. このルールはすべてのページで実行する必要があるので、条件 は空白のままにします。 条件モーダルを開くと、URL、データ要素の値、日付範囲など、幅広いオプションに基づき、条件で制限と除外の両方を追加できます。

  7. 「アクション」で、「追加」をクリックします

  8. アクションタイプ/カスタムコード を選択します。この時点では、これが唯一のオプションです。 チュートリアルの後半で、拡張機能を追加すると、より多くのオプションが利用できるようになります。

  9. 「</> エディター 開く」を選択して、コードエディターを開きます

    アクションの選択

  10. コードエディターに次を追加します。次のコードは、ページ名データ要素の値をブラウザーコンソールに出力し、機能していることを確認できます。

    console.log('The page name is '+_satellite.getVar('Page Name'));
    
  11. コードエディターを保存します。

    カスタムコードの入力

  12. アクション設定画面で、「変更を保持」をクリックします

  13. 保存」をクリックして、ルールを保存します

ルール ページに新しいルールが表示されます。
ルールがページに表示されます