Show Menu
トピック×

eCatalog 画像マップの作成

画像マップとは、eCatalog ページの中のある領域を指し、マウスをこの領域に移動したり、この領域をクリックしたときに様々なアクションを実行させることができます。例えば、画像マップにポインタを合わせたときに、項目を説明するロールオーバーテキストを表示させることができます。また、画像マップをクリックしたときに、別のアクションを開始することもできます。例えば、Web ページを開いてアイテムに関する詳細を確認したり、購入することができます。また、ビデオを起動して使用中のアイテムを確認することもできます。

eCatalog 画像マップの描画

eCatalog では、eCatalog 画面の「ページをマップ」タブで画像マップを描画します。この画面は、eCatalog のページを表示する画像マップ領域と、右側に表示される画像マップリストから構成されます。画像マップを作成すると、その名前が画像マップリストに表示されます。
  1. eCatalog のロールオーバー時に表示される「編集」ボタンをクリックします。
  2. Click Map Pages .
  3. ページをマップ画面の左側で、必要なページを選択します。
  4. 以下の手順に従って、長方形または多角形の画像マップを画像マップ領域で描画します。
    • 長方形マップ長方形画像マップツール ​を選択し、ページ上をドラッグして長方形を作成します。
    • 多角形マップ ​多角形画像マップツールを選択し、画像の枠の周りを必要な回数だけクリックします。 クリックすると、Dynamic Mediaクラシックによって画像マップの境界線が描画されます。
    画像マップを描画した後、Dynamic Mediaクラシックによって画像マップリストに名前が割り当てられます。 この名前を作成するために、作業対象のeCatalogページの名前に連番を追加します。
  5. (オプション)画像マップリストパネルの「名前」列の下で、画像マップの新しい名前を入力します。名前を入力するときは、空白を入力しないでください。
  6. 閲覧者が画像マップをクリックしたときに、新規の Web ページを開くことができます。画像マップリストパネルの「URL」列に Web ページの URL を入力します。
    「編集」をクリックし、テンプレートを入力すると、URL(Href テンプレート)の入力が容易になります。
    詳しくは、 テンプレートを使用した JavaScript と URL の入力 を参照してください。
  7. (Optional) In the Show drop-down list, click Rollover Text , and then enter the text that you want users to see onscreen when they move their pointers over the Image Map.
  8. (Optional) In the Show drop-down list, click Other Actions , and enter an attribute to trigger a blur or focus action when users move their pointers over an Image Map.
    詳しくは、 画像マップのその他のアクションの定義 を参照してください。
  9. 保存 」をクリックします。
  10. (Optional) Click Preview to view the eCatalog with the default eCatalog Viewer preset.
画像マップを削除するには、画像マップリストで削除する画像マップの名前を選択し、「削除」をクリックします。画像マップを削除せずに一時的に画像マップをページから取り除くには、画像マップリストパネルの画像マップの「オン」オプションを選択解除します。

eCatalog でのリッチメディアの埋め込み

eCatalog のリッチメディアオプションを使用して、eCatalog に追加した画像マップに MP4 フォーマットのビデオやスピンセットを追加することができます。ユーザが eCatalog の画像マップエリアをクリックすると、関連付けられたビデオまたはスピンセットがポップアップ表示されます。この機能は、顧客に使用中のアイテムを表示したい場合や、異なる角度や展望からアイテムを表示したい場合に特に役に立ちます。
また、顧客がポインタを画像マップに合わせたときに必要に応じてツールヒントテキストを表示することもできます。これはクリックしたアイテムの内容の理解に役立ちます。
eCatalog にリッチメディアを埋め込むには
  1. eCatalog 画像マップを描画します。
    詳しくは、 eCatalog 画像マップの描画 を参照してください。
  2. 「表示」ドロップダウンリストで、「リッチメディア」を選択します。
  3. 左側のアセットを追加パネルで、埋め込むスピンセットまたはビデオ(MP4 フォーマット)アセットを含むフォルダに移動します。
  4. アセットを画像マップにドラッグします。
  5. (オプション)画像マップリストパネルの「ツールチップ」列ヘッダの下で、ユーザがポインタを画像マップに合わせたときに画面に表示するテキストを入力します。
  6. 「保存」をクリックします。

eCatalog 画像マップの編集

eCatalog 画面の「ページをマップ」タブを選択し、以下の手順に従って、eCatalog の画像マップを編集できます。
  • 位置の調整パンツールを ​選択し、マップの境界線に重ならない程度に近い位置にポインタを合わせます。 ポインタが 4 方向の矢印アイコンに変わったら画像マップ全体を新しい場所に移動します。
    詳しくは、 画像マップの位置、形状およびサイズの調整 を参照してください。
  • 形状とサイズの変更 ​長方形の画像マップのサイズを変更する場合は、パンツールを選択します。 左右の境界線または角の部分にポインタを合わせ、ポインタが 2 方向の矢印アイコンに変わったら、ドラッグします。多角形の画像マップのサイズを変更する場合は、正方形の選択ハンドルをドラッグします。選択ハンドルを作成するには、画像マップの境界線をクリックし、ドラッグします。
    詳しくは、 画像マップの位置、形状およびサイズの調整 を参照してください。
  • 画像マップの削除 ​パンツールを選択し、画像マップをクリックして選択し、 削除 .
    To remove all Image Maps from an eCatalog, click the Order Pages tab, and then click Clear Maps .
  • 画像マップの重なり ​処理画像マップリスト上の画像マップの順序を変更するには、画像マップをドラッグします。
    詳しくは、 画像マップの重ね合わせ処理 を参照してください。
  • 画像マップを他のページにコピーする 「次にマップをコピー」ボタンを選択します(「ページをマップ」タブが表示されていることを確認します)。 画像を選択画面で、画像マップをコピーするページ(複数可)を選択し、「選択」ボタンをクリックします。
    詳しくは、 画像マップをその他の画像にコピーする を参照してください。
画像マップを eCatalog の別のページにコピーできるとともに、eCatalog 内のすべての画像マップを別の eCatalog にコピーできます。 eCatalog 間での画像マップのコピー を参照してください。

画像マップデータの確認と読み込み

マップの概要画面を開くと、eCatalog のメタデータが表示されます。また、この画面から、eCatalog の画像マップデータをバッチ読み込みすることもできます。この方式で画像マップデータを読み込むようにすると、画像マップの URL やロールオーバーテキストを簡単に入力できるようになります。
マップの概要画面を表示するには、eCatalog 画面の「ページをマップ」タブで、「概要」をクリックします。

画像マップのデータ概要の確認

  1. ページをマップ画面で「概要」をクリックします。
    マップの概要画面を開くと、eCatalog に含まれている画像マップ、URL、ロールオーバーテキストの記述、その他のアクションの数が表示されます。
  2. ロールオーバーキーのエラーがあった場合は、「Rollover_Key Error」列内でエラーをクリックし、エラーを解決するためにスプレッドシートで変更する必要がある箇所を確認します。このメッセージのテキストを選択し、コピーしてスプレッドシートにペーストできます。
  3. 「プレビュー」をクリックしてページを eCatalog ビューアに表示するか、「X」をクリックして概要画面を閉じてページをマップ画面に戻るか、「閉じる」をクリックして参照パネルに戻ります。

画像マップデータの読み込み

ページごとに画像マップデータを入力する方法もありますが、eCatalog 全体のデータをマップの概要画面で読み込むこともできます。イメージマップデータは、タブ区切りファイルまたは XML DTD 形式で読み込みます。ファイルのフィールドの並び順は、マップの概要画面の表示順と同じにする必要があります。名前、TOC ラベル、マップ、URL、ロールオーバーテキスト、その他のアクション、検索文字列の順に並ぶようにしてください。画像マップデータを読み込むと、画像マップを作成するたびにそのデータを画像マップリストで入力する手間が省けます。
画像マップデータを読み込む場合、対応する画像マップが既に作成されている必要があります。
マップの概要画面を開き、以下の手順のいずれかに従って、作成した画像マップに対応する画像マップデータを読み込みます。
  1. 「マップデータを取り込み」をクリックします。
  2. メタデータを取り込みダイアログボックスで「参照」をクリックし、次にタブ区切りファイルまたは XML DTD ファイルを選択します。
  3. ファイルの拡張子を変更しないように注意しながら、「ジョブ名」フィールドにファイルの名前を入力します。
  4. 「アップロード」をクリックします。

eCatalog 間での画像マップのコピー

eCatalog 内のすべての画像マップを別の eCatalog にコピーできます。画像マップのコピーというこの方法により、同じ eCatalog の各国語版で容易に画像マップをコピーすることができます。正常にコピーされるようにするために、Dynamic Mediaクラシックでは、ページ数が同じで、同じ画像が含まれるeCatalog間でコピーすることを推奨します。
画像マップのコピー先の eCatalog に既に画像マップが含まれている場合、コピー時にそれらの画像マップは削除されます。
eCatalog 間ですべての画像マップをコピーするには、次の手順に従います。
  1. コピーする画像マップが含まれている eCatalog を選択して、eCatalog のロールオーバー時に表示される「編集」ボタンをクリックします。
  2. 「ページ順序」タブで、「マップをコピー」をクリックします。
  3. アセットを選択ダイアログボックスで、画像マップのコピー先の eCatalog を選択し、「選択」をクリックします。
画像eCatalog(ターゲットマップのコピー先のeCatalog)のページ数または画像数が異なる場合は、Dynamic Mediaクラシックに警告メッセージが表示されます。 警告を無視して画像マップをコピーするには、「続行」をクリックします。