eCatalog 画像マップの作成 creating-ecatalog-image-maps
画像マップは、マウスでロールオーバーしたり、さまざまな種類のアクションをトリガーに選択したりできる、eCatalog ページ上の領域です。 例えば、画像マップの上にポインターを移動すると、項目のロールオーバーテキスト説明が表示されます。 画像マップを選択すると、別のアクションが開始されます。 例えば、Web ページを開いてアイテムに関する詳細を確認したり、購入することができます。また、ビデオを起動して使用中のアイテムを確認することもできます。
eCatalog イメージ マップを描画 drawing-ecatalog-image-maps
eCatalog では、eCatalog 画面の「ページをマップ」タブで画像マップを描画します。この画面は、eCatalog のページを表示する画像マップ領域と、右側に表示される画像マップリストから構成されます。画像マップを作成すると、その名前が画像マップリストに表示されます。
-
eCatalog のロールオーバーの選択 編集 ボタン。
-
を選択 ページのマッピング.
-
ページをマップ画面の左側で、必要なページを選択します。
-
以下の手順に従って、長方形または多角形の画像マップを画像マップ領域で描画します。
-
長方形の地図 – 長方形画像マップ ツールを選択し、ページ上をドラッグして長方形を作成します。
-
ポリゴン マップ - [ ポリゴン イメージ マップ ] ツールを選択し、イメージの周囲の必要な回数だけ選択します。 選択すると、Adobe Dynamic Media Classicによって画像マップの境界線が描画されます。
画像マップを描画すると、Adobe Dynamic Media Classicによって画像マップ リストに名前が割り当てられます。 名前を作成するために、Adobe Dynamic Media Classicは作業中の eCatalog ページの名前に連番を追加します。
-
-
(オプション)画像マップ リストの 名前 列に、画像マップの新しい名前を入力できます。 名前を入力するときは、空白を入力しないでください。
-
ビューアが画像マップを選択したときに新しい Web ページを開くことができます。 画像マップリストパネルの「URL」列に Web ページの URL を入力します。
URL (Href テンプレート)の入力を容易にするには、次のオプションを選択します 編集 テンプレートを入力します。
参照: テンプレートを使用した JavaScript と URL の入力.
-
(オプション)「表示」ドロップダウンリストで、以下を選択します。 ロールオーバーテキスト をクリックし、ユーザーが画像マップ上にポインタを移動したときに画面に表示するテキストを入力します。
-
(オプション)「表示」ドロップダウンリストで、以下を選択します。 その他のアクション を選択し、属性を入力して、ユーザーがイメージマップ上にポインタを合わせたときにブラーまたはフォーカスアクションのトリガーを設定します。
参照: 画像マップのその他のアクションの定義.
-
を選択 保存.
-
(オプション)を選択 プレビュー をクリックして、デフォルトの eCatalog ビューアプリセットで eCatalog を表示します。
画像マップを削除するには、画像マップ リストでその名前を選択し、以下を選択します。 削除. 画像マップを削除せずにページ上の画像マップを一時的に無効にするには、画像マップのリストパネルで「画像マップ」オプションの選択を解除します。
eCatalog へのリッチメディアの埋め込み embedding-rich-media-in-an-ecatalog
eCatalog のリッチメディアオプションを使用して、eCatalog に追加した画像マップに MP4 形式またはスピンセットのビデオを追加できます。 ユーザーが eCatalog の画像マップ領域を選択すると、関連するスピンセットまたはビデオが表示されます。 この機能は、顧客に使用中のアイテムを表示したい場合や、異なる角度や展望からアイテムを表示したい場合に特に役に立ちます。
また、ユーザーが画像マップの上にポインターを移動したときに、ユーザーが何を選択しているかを把握できるように、ツールヒントテキストを表示することもできます。
リッチメディアを eCatalog に埋め込むには:
-
eCatalog 画像マップを描画します。
参照: eCatalog イメージ マップを描画.
-
「表示」ドロップダウンリストで以下を選択します。 リッチメディア.
-
左側のアセットを追加パネルで、埋め込むスピンセットまたはビデオ(MP4 フォーマット)アセットを含むフォルダに移動します。
-
アセットを画像マップにドラッグします。
-
(オプション)画像マップのリストパネルの ツールヒント 列ヘッダーには、ビューアが画像マップ上にポインターを移動したときに画面に表示するテキストを入力します。
-
を選択 保存.
eCatalog 画像マップの編集 editing-ecatalog-image-maps
eCatalog 画面の「ページをマップ」タブを選択し、以下の手順に従って、eCatalog の画像マップを編集できます。
-
位置を調整する - [ 画面移動 ] ツールを選択し、ポインタをマップの境界線上ではなく近くに移動します。 ポインタが 4 方向の矢印アイコンに変わったら画像マップ全体を新しい場所に移動します。
-
形状とサイズの変更 – 長方形のイメージ マップのサイズを変更するには、[ 画面移動 ] ツールを選択します。 左右の境界線または角の部分にポインタを合わせ、ポインタが 2 方向の矢印アイコンに変わったら、ドラッグします。多角形の画像マップのサイズを変更する場合は、正方形の選択ハンドルをドラッグします。選択ハンドルを作成するには、画像マップの境界線を選択してドラッグします。
-
画像マップの削除 - パン ツールを選択し、選択する画像マップを選択して、を選択します 削除.
eCatalog からすべての画像マップを削除するには、 ページを注文 tab キーを押して選択します マップのクリア.
-
重複する画像マップの処理 - ドラッグして、画像マップ リスト上の画像マップの順序を変更します。
参照: 重なり合う画像マップを処理.
-
他のページへの画像マップのコピー – を選択 マップのコピー先 (「ページをマップ」タブをクリックします)。 「画像を選択」画面で、画像マップをコピーする 1 つ以上のページを選択して、を選択します を選択.
参照: 画像マップを他の画像にコピー.
画像マップデータのレビューと読み込み reviewing-and-importing-image-map-data
マップの概要画面を開くと、eCatalog のメタデータが表示されます。また、この画面から、eCatalog の画像マップデータをバッチ読み込みすることもできます。この方式で画像マップデータを読み込むようにすると、画像マップの URL やロールオーバーテキストを簡単に入力できるようになります。
マップの概要画面を表示するには、eCatalog 画面の「ページをマップ」タブで次の項目を選択します 概要.
画像マップのデータ概要の確認 review-image-map-data-summary
-
ページをマップ画面で、次の項目を選択します 概要.
マップの概要画面を開くと、eCatalog に含まれている画像マップ、URL、ロールオーバーテキストの記述、その他のアクションの数が表示されます。
-
ロールオーバーキーエラーがある場合は、でエラーを選択します Rollover_Key エラー エラーを修正するためにスプレッドシートで変更する必要がある内容を確認する列。 このメッセージのテキストを選択し、コピーしてスプレッドシートにペーストできます。
-
を選択 プレビュー ここで、eCatalog ビューアでページを確認できます。「X」を選択して概要画面を閉じ、ページをマップ画面に戻るか、を選択します。 閉じる をクリックして「参照」に戻ります。
画像マップデータの読み込み import-image-map-data
ページごとに画像マップデータを入力する方法もありますが、eCatalog 全体のデータをマップの概要画面で読み込むこともできます。イメージマップデータは、タブ区切りファイルまたは XML DTD 形式で読み込みます。ファイルのフィールドの並び順は、マップの概要画面の表示順と同じにする必要があります。名前、TOC ラベル、マップ、URL、ロールオーバーテキスト、その他のアクション、検索文字列の順に並ぶようにしてください。画像マップデータを読み込むと、画像マップを作成するたびにそのデータを画像マップリストで入力する手間が省けます。
マップの概要画面を開き、以下の手順のいずれかに従って、作成した画像マップに対応する画像マップデータを読み込みます。
- を選択 マップ データをインポート.
- メタデータの読み込みダイアログボックスで、 参照 を選択し、タブ区切りまたは XML DTD ファイルを選択します。
- ファイルの拡張子を変更しないように注意しながら、「ジョブ名」フィールドにファイルの名前を入力します。
- を選択 Upload.
eCatalog 間での画像マップのコピー copying-image-maps-between-ecatalogs
eCatalog 内のすべての画像マップを別の eCatalog にコピーできます。画像マップのコピーというこの方法により、同じ eCatalog の各国語版で容易に画像マップをコピーすることができます。コピーを成功させるために、Adobe Dynamic Media Classicでは、同じページ数と画像を持つ eCatalog 間でコピーすることをお勧めします。
ある eCatalog 内のすべての画像マップを別の eCatalog にコピーするには、次の手順を実行します。
- コピーする画像マップを含んだ eCatalog を選択し、eCatalog のロールオーバーを選択します 編集 ボタン。
- 「注文ページ」タブで、次の項目を選択します マップのコピー.
- アセットを選択ダイアログボックスで、画像マップをコピーする eCatalog を選択して、を選択します。 を選択.
コピー先の eCatalog (画像マップのコピー先の eCatalog)のページ数または画像のサイズが異なる場合、Adobe Dynamic Media Classicは警告メッセージを表示します。 を選択 続行 警告が表示されてもイメージ マップをコピーするには