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