イベントマーカーとイベントラベルをタイムラインに追加する

詳細モードでは、タイムラインの上部にイベントトラックが表示されます。このイベントトラックでは、イベントマーカーとイベントラベルを使用することで、タイムラインアニメーションとイベントを関連付けることができます。イベントマーカーを使用すると、タイムラインの特定の位置でイベントをトリガーできます。イベントラベルを使用すると、アニメーションを制御するイベントを設定できます。

動画広告はイベントをサポートしていないため、動画広告タイムラインにはイベントトラックがありません。

イベントマーカー

イベントトラック上でイベントマーカーを使用すると、タイムラインベースのイベントを設定できます。タイムラインでアニメーションプレイヘッドがイベントマーカーに到達すると、イベントがトリガーされます。

アニメーションのプレビュー中やスクラブ中は、イベントがトリガーされません。広告やウェブページをプレビューすると、イベントをテストできます。

タイムラインにイベントマーカーを追加する

次のいずれかの方法を使用します。

イベントトラック上でイベントマーカーを追加する場所を右クリックして、ポップアップメニューから [イベントを追加] を選択します。
タイムライン上でイベントマーカーを追加する場所をクリックするか、イベントマーカーを追加する場所にプレイヘッドを移動して、イベントトラックにある [イベントを追加] ボタンをクリックします。

イベントマーカーにイベントを追加する

次のいずれかの方法を使用します。

イベントマーカーをダブルクリックします。[イベント] ダイアログが開き、操作選択手順に進みます。
イベントマーカーを右クリックして、ポップアップメニューから [マーカーにイベントを追加...] を選択します。[イベント] ダイアログが開き、操作選択手順に進みます。
[イベント] パネルで、[イベントを追加] ボタンをクリックします。新しいイベント用の [イベント] ダイアログが開きます。[ターゲット] で、アニメーション要素の親要素（通常は「ページ」）を選択し、[イベント] で、イベントマーカーを選択します。

イベントマーカーのイベントを編集する

イベントマーカーを右クリックして、ポップアップメニューのリストから、変更するイベントを選択します。

イベントマーカーを削除する

削除するイベントマーカーを右クリックして、ポップアップメニューから [イベントマーカーを削除] を選択します。この操作を行うと、そのイベントマーカーによってトリガーされていたイベントもすべて削除されます。

1 つのイベントを削除する場合は、[イベント] パネルを使用します。

イベントマーカーの名前を変更する

名前を変更するイベントマーカーを右クリックして、ポップアップメニューから [イベントマーカー名を編集] を選択します。
新しい名前を入力します。
Enter キーを押します。

イベントマーカーを移動する

イベントマーカーをタイムライン上の新しい場所にドラッグします。

イベントラベル

イベントラベルを使用すると、タイムライン上の特定の場所に名前を付けて指定することができます。たとえば、イベントを使用してプレイヘッドをタイムライン上の特定の位置に送る場合、そのキーフレームにラベルを付けておく必要があります。

イベントトラックにイベントラベルを追加する

次のいずれかの方法を使用します。

タイムライン上でラベルを追加する場所をクリックするか、ラベルを追加する場所にプレイヘッドを移動して、イベントレイヤにある [ラベルを追加] ボタンをクリックします。Google Web Designer により、汎用のラベル名が割り当てられます。
ラベル名を指定するには:
1. イベントトラック上でラベルを追加する場所を右クリックして、ポップアップメニューから [ラベルを追加...] を選択します。
2. ポップアップダイアログにラベルの名前を入力します。
3. Enter キーを押します。

イベントラベルを削除する

削除するラベルを右クリックして、ポップアップメニューから [ラベルを削除] を選択します。この操作を行うと、そのイベントラベルを使用するよう設定されていたイベントもすべて削除されます。

イベントラベルの名前を変更する

名前を変更するラベルを右クリックして、ポップアップメニューから [ラベルを編集] を選択します。
新しい名前を入力します。
Enter キーを押します。

イベントラベルを移動する

イベントラベルをタイムライン上の新しい場所にドラッグします。

操作

タイムラインに関する次の操作は、他のイベントによってトリガーできます。

操作	設定オプション
pause	なし
play	なし
togglePlay	なし
gotoAndPlay	ラベル - アニメーションの起点を示すイベントラベル。
gotoAndPlayNTimes	ラベル - アニメーションの起点を示すイベントラベル。繰り返し - アニメーションがループする回数。
gotoAndPause	ラベル - アニメーションの起点を示すイベントラベル。

アニメーションを一時停止するカスタムタイムラインアクション（pause、togglePlay、gotoAndPause）では、次の構文を使用する必要があります。

gwd.actions.timeline.pause('<elementID>');

この情報は役に立ちましたか？

改善できる点がありましたらお聞かせください。

イベントマーカーとイベントラベルをタイムラインに追加する