ページへのDynamic Media Classic機能の追加

AdobeDynamic Media Classicは、Web、モバイル、電子メールおよびインターネットに接続されたディスプレイと印刷でリッチメディアアセットを管理、強化、公開、および配信するためのホストソリューションです。

Dynamic Media Classicで公開されたExperience Managerアセットは、様々なビューアで表示できます。

  • ズーム
  • フライアウト
  • ビデオ
  • 画像テンプレート
  • 画像

デジタルアセットをExperience ManagerからDynamic Media Classicに直接公開したり、Dynamic Media ClassicからExperience Managerに公開したりできます。

このドキュメントでは、Dynamic Media ClassicにデジタルアセットをExperience Managerから公開する方法と、反対に公開する方法について説明します。 また、ビューアについても詳しく説明します。Dynamic Media Classic用のExperience Managerの設定について詳しくは、Dynamic Media ClassicとExperience Managerの統合を参照してください。

画像マップの追加も参照してください。

ビデオコンポーネントをExperience Managerで使用する方法について詳しくは、ビデオを参照してください。

メモ

Dynamic Media Classicのアセットが正しく表示されない場合は、Dynamic Mediaが無効になっていることを確認してから、ページを更新します。

アセットからDynamic Media Classicへの手動公開

次の手順で、デジタルアセットをDynamic Media Classicに公開できます。

メモ

Experience Managerは、Dynamic Media Classicに非同期で公開します。 「公開」を選択した後、アセットがDynamic Media Classicに公開されるまでに数秒かかります。

Dynamic Media Classicコンポーネント

次のDynamic Media ClassicコンポーネントをExperience Managerで使用できます。

  • ズーム
  • フライアウト(ズーム)
  • 画像テンプレート
  • 画像
  • ビデオ
メモ

これらのコンポーネントはデフォルトでは使用できないので、使用する前に​デザイン​モードで選択する必要があります。

デザイン​モードで使用可能にした後は、他のExperience Managerコンポーネントと同様に、ページにコンポーネントを追加できます。 まだDynamic Media Classicに公開されていないアセットは、同期されたフォルダー内、ページ上、またはDynamic Media Classicクラウド設定を使用している場合、Dynamic Media Classicに公開されます。

メモ

カスタムビューアを作成および開発し、コンテンツファインダーを使用する場合は、allowfullscreenパラメーターを明示的に追加する必要があります。

Flash ビューアのサポート終了に関する通知

2017年1月31日に、AdobeDynamic Media ClassicはFlashビューアプラットフォームのサポートを終了しました。

Dynamic Media Classic(Scene7)コンポーネントのページへの追加

Dynamic Media Classic(Scene7)コンポーネントをページに追加する方法は、任意のページにコンポーネントを追加する方法と同じです。 Dynamic Media Classicコンポーネントについて、以降の節で詳しく説明します。

Dynamic Media Classic(Scene7)コンポーネントをページに追加するには:

  1. Experience Managerで、Dynamic Media Classic(Scene7)​コンポーネントを追加するページを開きます。

  2. Dynamic Media Classicコンポーネントが使用できない場合は、デザイン​モードを選択し、青い境界線の付いた任意のコンポーネントを選択して、​アイコンを選択し、設定​アイコンを選択します。 Parsys(Design)​で、すべてのDynamic Media Classicコンポーネントを選択して使用可能にし、「OK」を選択します。

    chlimage_1-224

  3. 編集」を選択して、「編集」モードに戻ることができます。

  4. サイドキックのDynamic Media Classicグループからページの目的の場所にコンポーネントをドラッグします。

  5. 設定​アイコンを選択して、コンポーネントを開きます。

  6. 必要に応じてコンポーネントを編集し、「OK」を選択して変更を保存します。

  7. 画像またはビデオをコンテンツブラウザーからページに追加したDynamic Media Classicコンポーネントにドラッグします。

    メモ

    タッチUIの場合のみ、画像またはビデオをページに配置したDynamic Media Classicコンポーネントにドラッグ&ドロップする必要があります。 Dynamic Media Classicコンポーネントの選択と編集の後でのアセットの選択はサポートされていません。

レスポンシブサイトへのインタラクティブな表示エクスペリエンスの追加

アセットのレスポンシブデザインとは、アセットが表示される場所に応じて適応することを意味します。 レスポンシブデザインを使用すると、同じアセットを複数のデバイスで効果的に表示できます。

Webページのレスポンシブデザインも参照してください。

レスポンシブサイトにインタラクティブな表示エクスペリエンスを追加するには:

  1. Experience Managerにログインし、AdobeDynamic Media ClassicCloud Servicesが設定され、Dynamic Media Classicコンポーネントが使用可能であることを確認します。

    メモ

    Dynamic Media Classicコンポーネントを使用できない場合は、デザインモード🔗を使用して有効にするようにしてください。

  2. Dynamic Media Classic​コンポーネントが有効なWebサイトで、画像​コンポーネントをページにドラッグします。

  3. コンポーネントを選択し、設定アイコンを選択します。

  4. Dynamic Media Classic設定」タブで、ブレークポイントを調整します。

    chlimage_1-225

  5. ビューアがレスポンシブにサイズ変更され、すべてのインタラクションがデスクトップ、タブレットおよびモバイル用に最適化されていることを確認します。

すべてのDynamic Media Classicコンポーネントに共通の設定

設定オプションは異なりますが、次の操作はすべてのDynamic Media Classicコンポーネントに共通です。

  • ファイル参照- 参照するファイルを探します。ファイル参照は、アセットのURLを表示しますが、必ずしもURLコマンドやパラメーターを含む完全なDynamic Media Classic URLとは限りません。 このフィールドにDynamic Media Classic URLコマンドおよびパラメーターを追加することはできません。 代わりに、コンポーネントの対応する機能を使用して追加します。
  • - 幅を設定できます。
  • 高さ - 高さを設定できます。

これらの設定オプションを設定するには、例えば​ズーム​コンポーネントを開く際に、Dynamic Media Classicコンポーネントを開く(ダブルクリックする)必要があります。

chlimage_1-226

ズーム

+​ボタンを押すと、HTML5ズームコンポーネントで大きな画像が表示されます。

アセットの下部にはズームツールが用意されています。拡大する場合は​+​を選択します。減らしたい場合は、-​を選択します。 x​をタップするか、ズームのリセット矢印をタップすると、画像が元のサイズに戻ります。 斜めの矢印を選択して、全画面表示にします。 「編集」を選択して、コンポーネントを設定できます。 このコンポーネントを使用すると、すべてのDynamic Media Classicコンポーネント🔗に共通の設定を構成できます。

chlimage_1-227

フライアウト

HTML5の​フライアウト​コンポーネントでは、アセットは分割画面で表示されます。アセットを指定されたサイズのままにした。ズーム部分の右側が表示されます。 「編集」を選択して、コンポーネントを設定できます。 このコンポーネントを使用すると、すべてのDynamic Media Classicコンポーネント🔗に共通の設定を構成できます。

メモ

フライアウト​コンポーネントでカスタムサイズを使用する場合は、そのカスタムサイズが使用され、コンポーネントのレスポンシブ設定が無効になります。

フライアウト​コンポーネントでデフォルトのサイズが使用される場合は、デザインビュー​で設定されているように、デフォルトのサイズが使用され、コンポーネントが拡張されて、コンポーネントのレスポンシブ設定が有効になります。 コンポーネントのレスポンシブ設定には制限があります。 フライアウト​コンポーネントをレスポンシブに設定して使用する場合は、フルページストレッチで使用しないでください。 それ以外の場合は、フライアウト​はページの右の境界線を越えて表示されます。

chlimage_1-228

画像

Dynamic Media Classicの​画像​コンポーネントを使用すると、Dynamic Media Classicの修飾子、画像またはビューアプリセット、シャープニングなど、Dynamic Media Classicの機能を画像に追加できます。 Dynamic Media Classicの​画像​コンポーネントは、特別なDynamic Media Classic機能を備えたExperience Managerの他の画像コンポーネントと似ています。 この例では、画像にDynamic Media Classic URL修飾子&op_invert=1が適用されています。

chlimage_1-229

タイトル、代替テキスト - 「詳細設 ​定」タブで、グラフィックの表示をオフにしているユーザー向けのタイトルと代替テキストを画像に追加します。

URL、次のウィンドウで開く — からアセットを設定して、リンクを開くことができます。「URL」と「次のウィンドウで開く」で、同じウィンドウで開くか新しいウィンドウで開くかを指定します。

chlimage_1-230

ビューアプリセット — ドロップダウンメニューから既存のビューアプリセットを選択します。探しているビューアプリセットが表示されない場合は、表示できるように設定する必要があります。ビューアプリセットの管理を参照してください。 画像プリセットを使用している場合は、ビューアプリセットを選択できません。逆の場合も同様です。

Dynamic Media Classic設定 - SPSからアクティブな画像プリセットを取得するために使用するDynamic Media Classic設定を選択します。

画像プリセット — ドロップダウンメニューから既存の画像プリセットを選択します。探している画像プリセットが表示されない場合は、表示できるように設定する必要があります。画像プリセットの管理を参照してください。 画像プリセットを使用している場合は、ビューアプリセットを選択できません。逆の場合も同様です。

出力形式 — 画像の出力形式(例:jpeg)を選択します。選択する出力形式に応じて、追加の設定オプションがあります。 画像プリセットのベストプラクティスを参照してください。

シャープ — 画像にシャープを適用する方法を選択します。シャープニングについて詳しくは、画像プリセットのベストプラクティスおよびシャープニングのベストプラクティスを参照してください。

URL修飾子 — 追加のDynamic Media Classic画像コマンドを指定して、画像効果を変更できます。これらのコマンドについては、画像プリセットおよびコマンドリファレンスで説明します。

ブレークポイント - Webサイトがレスポンシブな場合は、ブレークポイントを調整する必要があります。ブレークポイントはコンマ(,)で区切って指定してください。

画像テンプレート

Dynamic Media Classic Image Templates は、Dynamic Media Classicに読み込まれたPhotoshopコンテンツのレイヤーです。コンテンツとプロパティは、可変性を考慮してパラメーター化されています。画像テンプレート​コンポーネントを使用すると、画像を読み込み、Experience Managerでテキストを動的に変更できます。 また、ClientContext の値を使用するように​画像テンプレート​コンポーネントを設定できます。これにより、各ユーザーが個別に画像を活用できます。

コンポーネントを設定する場合は、「編集」を選択します。 すべてのDynamic Media Classicコンポーネント🔗に共通の設定と、この節で説明するその他の設定を構成できます。

chlimage_1-231

ファイル参照、幅、高さ — すべてのScDynamic Media Classicene7コンポーネントに共通の設定を参照してください。

メモ

Dynamic Media Classic URLのコマンドとパラメーターは、ファイル参照URLに直接追加できません。 これらは、パラメーター​パネルのコンポーネントの UI でのみ定義できます。

タイトル、代替テキスト - 「 Dynamic Media Classic画像テンプレート」タブで、グラフィックの表示をオフにしているユーザー向けのタイトルと代替テキストを画像に追加します。

URL、次のウィンドウで開く — からアセットを設定して、リンクを開くことができます。「URL」と「次のウィンドウで開く」で、同じウィンドウで開くか新しいウィンドウで開くかを指定します。

chlimage_1-232

パラメーターパネル — 画像を読み込む際に、画像の情報がパラメーターに事前に設定されます。動的に変更できるコンテンツがない場合、このウィンドウは空になります。

chlimage_1-233

テキストの動的な変更

テキストを動的に変更するには、フィールドに新しいテキストを入力し、「OK」を選択します。 この例では、「価格」が $50 で、送料が 99 セントです。

chlimage_1-234

画像内のテキストが変更されます。フィールドの横にある「リセット」をタップして、テキストを元の値に戻すことができます。

chlimage_1-235

ClientContext値の値を反映するようにテキストを変更する

フィールドをClientContext値にリンクするには、​を選択」を選択してClientContextメニューを開き、ClientContextを選択して「OK」を選択します。 この例では、「名前」フィールドとプロファイル内の書式設定された名前とのリンクに基づいて名前が変わります。

chlimage_1-236

現在ログインしているユーザーの名前がテキストに反映されます。フィールドの横にある「リセット」をクリックすると、テキストを元の値に戻すことができます。

chlimage_1-237

  1. Dynamic Media Classicの​画像テンプレート​コンポーネントを含むページで、「編集」を選択します。

  2. URL」フィールドに、画像をタップしたときに表示されるURLを入力します。 「次のウィンドウで開く」フィールドで、ターゲットを新しいウィンドウと同じウィンドウのどちらで開くかを選択します。

    chlimage_1-238

  3. OK」を選択します。

ビデオコンポーネント

Dynamic Media Classicの​ビデオ​コンポーネント(サイドキックのDynamic Media Classicセクションから利用可能)は、デバイスと帯域幅の検出を使用して、適切なビデオを各画面に提供します。 このコンポーネントは HTML5 ビデオプレーヤー(チャネルを超えて使用可能な単一のビューア)です。

このコンポーネントはアダプティブビデオセット(単一の MP4 ビデオまたは単一の F4V ビデオ)で使用できます。

ビデオとDynamic Media Classicの統合の連携について詳しくは、ビデオを参照してください。 また、Dynamic Media Classicビデオコンポーネントと基盤ビデオコンポーネントを参照してください。

chlimage_1-239

ビデオコンポーネントの既知の制限事項

AdobeDAMとWCMに、プライマリソースビデオがアップロードされたかどうかが表示されます。 次に示すプロキシアセットは表示されません。

  • Dynamic Media Classicのエンコードされたレンディション
  • Dynamic Media Classicアダプティブビデオセット

Dynamic Media Classicビデオコンポーネントでアダプティブビデオセットを使用する場合は、ビデオのサイズに合わせてコンポーネントのサイズを変更する必要があります。

Dynamic Media Classicコンテンツブラウザー

Dynamic Media Classicコンテンツブラウザーを使用すると、Dynamic Media Classicのコンテンツを直接Experience Managerで表示できます。 コンテンツブラウザーにアクセスするには、コンテンツファインダー​で、タッチ操作向けUIの​Dynamic Media Classic​またはクラシックUIの​S7​アイコンを選択します。 どちらの UI を使用しても機能は同じです。

複数の設定がある場合、Experience Managerにはデフォルトでデフォルト設定が表示されます。 Dynamic Media Classicのコンテンツブラウザーのドロップダウンメニューで、様々な設定を直接選択できます。

メモ
  • オンデマンドフォルダー内のアセットは、Dynamic Media Classicコンテンツブラウザーに表示されません。

  • セキュアプレビューを有効にすると、Dynamic Media Classicで公開済みと非公開の両方のアセットがDynamic Media Classicコンテンツブラウザーに表示されます。

  • コンテンツブラウザーに​Dynamic Media Classic​や​S7​アイコンがオプションとして表示されない場合は、Experience Manager🔗と連携するようにDynamic Media Classicを設定する必要があります。

  • ビデオの場合、Dynamic Media Classicコンテンツブラウザーは次の機能をサポートしています。

    • アダプティブビデオセット:複数の画面でシームレスに再生するために必要なすべてのビデオレンディションのコンテナ
    • 単一の MP4 ビデオ
    • 単一の F4V ビデオ

タッチ操作向けUIでのコンテンツの参照

タッチ対応 UI またはクラシック UI を使用してコンテンツブラウザーにアクセスできます。現時点では、タッチ対応 UI には次の制限事項があります。

  • Dynamic Media ClassicのFXGおよびFlashアセットはサポートされていません。

3番目のドロップダウンメニューから「Dynamic Media Classic」を選択して、Dynamic Media Classicアセットを参照します。 Dynamic Media Classic/Dynamic Media統合を設定していない場合、Experience Manager Classicはリストに表示されません。

メモ
  • Dynamic Media Classicコンテンツブラウザーは、約100個のアセットを読み込んで名前順に並べ替えます。
  • 安全なプレビューサーバーが設定されている場合、ブラウザーはそのプレビューサーバーを使用してサムネールとアセットをレンダリングします。

chlimage_1-240

また、ブラウザー内でアセットの上にマウスポインターを置くと、解像度の情報、サイズ、変更後の日数およびファイル名を参照できます。

chlimage_1-241

  • アダプティブビデオセットとテンプレートの場合は、サムネール用のサイズ情報が生成されません。
  • アダプティブビデオセットの場合は、サムネール用の解像度が生成されません。

コンテンツブラウザーでのDynamic Media Classicアセットの検索

Dynamic Media Classicでのアセットの検索は、Experience ManagerAssetsでのアセットの検索と似ています。 ただし、検索時に、実際にはDynamic Media Classicシステムでアセットを直接Experience Managerに読み込むのではなく、リモートビューが表示されます。

クラシック UI またはタッチ操作向け UI を使用して、アセットを表示および検索できます。インターフェイスによって検索方法は多少異なります。

どちらの UI で検索する場合でも、次の基準でフィルターを適用できます(ここでは、タッチ操作向け UI を示しています)。

キーワードを入力 — アセットを名前で検索できます。検索時に入力するキーワードは、ファイル名の先頭を示します。 例えば、「swimming」という単語を入力すると、入力した順序どおりの文字列で始まるアセットファイルの名前が検索されます。アセットを検索するには、キーワードを入力した後に必ずEnterキーを押してください。

chlimage_1-242

フォルダー/パス — 表示されるフォルダーの名前は、選択した設定に基づいています。フォルダーアイコンをタップしてサブフォルダーを選択し、チェックマークをタップして選択すると、下位のレベルにドリルダウンできます。

キーワードを入力してフォルダーを選択すると、そのExperience Managerーとサブフォルダーが検索されます。 ただし、検索時にキーワードを入力しない場合は、フォルダーを選択するとそのフォルダー内のアセットのみが表示され、サブフォルダーは含まれません。

デフォルトでは、Experience Managerは、選択されたフォルダーとすべてのサブフォルダーを検索します。

chlimage_1-243

アセットのタイプ - Dynamic Media Classicを選択 してDynamic Media Classicコンテンツを参照します。このオプションは、Dynamic Media Classicが設定されている場合にのみ使用できます。

chlimage_1-244

設定 - Cloud Servicesで複数のDynamic Media Classic設定を定義している場合は、ここで選択できます。その結果、選択した設定に応じてフォルダーが変わります。

chlimage_1-245

アセットタイプ - Dynamic Media Classicブラウザーでは、結果をフィルタリングして次のいずれかを含めることができます。画像、テンプレート、ビデオおよびアダプティブビデオセットを参照してください。どのアセットタイプも選択しない場合、「Experience Manager」はデフォルトで、すべてのアセットタイプを検索します。

chlimage_1-246

メモ
  • クラシック UI では、FlashFXG も検索できます。タッチ操作向けUIでのこれらのタイプのフィルタリングはサポートされていません。

  • ビデオを検索するときは、単一のレンディションが検索されています。結果は、元のレンディション(*.mp4のみ)とエンコードされたレンディションを返します。

  • アダプティブビデオセットを検索する場合は、検索にキーワードを追加した場合にのみ、フォルダーとすべてのサブフォルダーが検索されます。 キーワードを追加していない場合、Experience Managerはサブフォルダーを検索しません。

公開ステータス — 公開ステータスに基づいてアセットをフィルタリングできます。 ​非公開または 公開済み公開ステータス」を選択しない場合、Experience Managerはデフォルトですべての公開ステータスを検索します。

chlimage_1-247

このページ