eCatalog画像マップの作成 creating-ecatalog-image-maps
Image Mapは、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の画像マップ領域を選択すると、関連するスピンセットまたはビデオが表示されます。 この機能は、顧客に使用中のアイテムを表示したい場合や、異なる角度や展望からアイテムを表示したい場合に特に役に立ちます。
また、オプションとして、お客様が画像マップ上にポインターを移動したときにツールチップのテキストを表示して、お客様が何を選択しているかを把握することもできます。
リッチメディアをe カタログに埋め込むには：
-
eCatalog 画像マップを描画します。
カタログ画像マップを描画を参照してください。
-
表示ドロップダウンリストで、リッチメディアを選択します。
-
左側の「Assetsを追加」パネルで、埋め込むスピンセットまたはビデオ（MP4形式）アセットを含むフォルダーに移動します。
-
アセットを画像マップにドラッグします。
-
（オプション）画像マップリストパネルの ツールヒント 列ヘッダーの下に、画像マップ上にポインターを移動したときに画面に表示するテキストを入力します。
-
保存を選択します。
eCatalog 画像マップの編集 editing-ecatalog-image-maps
eCatalog 画面の「ページをマップ」タブを選択し、以下の手順に従って、eCatalog の画像マップを編集できます。
-
位置を調整: パンツールを選択し、ポインターをマップの境界線の近くではなく上に移動します。 ポインターに4方向の矢印が表示されたら、画像マップ全体を新しい場所にドラッグします。
画像マップの位置、形状、サイズを調整するを参照してください。
-
シェイプとサイズを変更：長方形の画像マップのサイズを変更するには、パン ツールを選択します。 左右の境界線または角の部分にポインタを合わせ、ポインタが 2 方向の矢印アイコンに変わったら、ドラッグします。 多角形の画像マップのサイズを変更する場合は、正方形の選択ハンドルをドラッグします。 選択ハンドルを作成するには、画像マップの境界線を選択してドラッグします。
画像マップの位置、形状、サイズを調整するを参照してください。
-
画像マップの削除: パンツールを選択し、画像マップを選択して選択してから、削除を選択します。
eCatalogからすべての画像マップを削除するには、「ページを注文」タブを選択し、「マップをクリア」を選択します。
-
重なる画像マップの処理: ドラッグして、画像マップリスト上の画像マップの順序を変更します。
重複する画像マップの処理を参照してください。
-
画像マップを他のページにコピー:「マップをコピー」を選択します（「ページをマップ」タブに表示していることを確認してください）。 画像を選択画面で、画像マップをコピーするページを選択し、選択を選択します。
画像マップを他の画像にコピーを参照してください。
画像マップデータのレビューと読み込み reviewing-and-importing-image-map-data
マップの概要画面を開くと、eCatalog のメタデータが表示されます。 また、この画面から、eCatalog の画像マップデータをバッチ読み込みすることもできます。 この方式で画像マップデータを読み込むようにすると、画像マップの URL やロールオーバーテキストを簡単に入力できるようになります。
マップの概要画面を表示するには、eCatalog画面の「マップページ」タブで、「概要」を選択します。
画像マップのデータ概要の確認 review-image-map-data-summary
-
マップ ページ画面で、概要を選択します。
マップの概要画面には、eCatalogに含まれる画像マップ、URL、ロールオーバーテキストの説明およびその他のアクションの数が表示されます。
-
ロールオーバーキーエラーがある場合は、Rollover_Key Error列のエラーを選択して、エラーを修正するためにスプレッドシートで何を変更する必要があるかを確認します。 このメッセージのテキストを選択し、コピーしてスプレッドシートにペーストできます。
-
eCatalog Viewerでページを調べることができるように、プレビューを選択します。 「X」を選択して概要画面を閉じてページをマップ画面に戻るか、「閉じる」を選択して「参照」に戻ります。
画像マップデータの読み込み import-image-map-data
ページごとに画像マップデータを入力する方法もありますが、eCatalog 全体のデータをマップの概要画面で読み込むこともできます。 イメージマップデータは、タブ区切りファイルまたは XML DTD 形式で読み込みます。 ファイルのフィールドの並び順は、マップの概要画面の表示順と同じにする必要があります。名前、TOC ラベル、マップ、URL、ロールオーバーテキスト、その他のアクション、検索文字列の順に並ぶようにしてください。 画像マップデータを読み込むと、各画像マップを作成する際に、画像マップリストにデータを入力する手間が軽減されます。
マップの概要画面を開き、以下の手順のいずれかに従って、作成した画像マップに対応する画像マップデータを読み込みます。
- マップデータの読み込みを選択します。
- メタデータの読み込みダイアログボックスで、参照を選択し、タブ区切りまたはXML DTD ファイルを選択します。
- ファイルの拡張子を変更しないように注意しながら、「ジョブ名」フィールドにファイルの名前を入力します。
- 「アップロード」を選択します。
画像マップを他のeCatalogsとコピーする copying-image-maps-between-ecatalogs
eCatalog 内のすべての画像マップを別の eCatalog にコピーできます。 画像マップのコピーというこの方法により、同じ eCatalog の各国語版で容易に画像マップをコピーすることができます。 コピーを成功させるには、Adobe Dynamic Media Classicでは、同じページ数と同じ画像のe カタログ間でコピーすることをお勧めします。
1つのeCatalog内のすべての画像マップを別のeCatalogにコピーするには、次の操作を行います。
- コピーする画像マップが含まれているeCatalogを選択し、eCatalogのロールオーバー編集 ボタンを選択します。
- 「注文ページ」タブで、「マップをコピー」を選択します。
- アセットを選択ダイアログボックスで、画像マップをコピーするeCatalogを選択し、Selectを選択します。
画像マップをコピーする対象のeCatalogのページ数や画像サイズが異なる場合、Adobe Dynamic Media Classicに警告メッセージが表示されます。 警告にもかかわらず、画像マップをコピーするには、続行を選択します。