ページへの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 Classicに公開できます。

• クラシック UI を使用して Assets コンソールから
• クラシック UI を使用してアセットから
• クラシックUIでのCQ Targetフォルダーの外側からの操作

Dynamic Media Classicコンポーネント

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

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

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

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」を選択します。

   

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設定」タブで、ブレークポイントを調整します。

   

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

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

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

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

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

ズーム

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

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

フライアウト

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

画像

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

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

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

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

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コンポーネント🔗に共通の設定と、この節で説明するその他の設定を構成できます。

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

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

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

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

テキストの動的な変更

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

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

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

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

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

Dynamic Media Classic画像テンプレートをリンクにする

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

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

   

3. 「OK」を選択します。

ビデオコンポーネント

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

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

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

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

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のコンテンツブラウザーのドロップダウンメニューで、様々な設定を直接選択できます。

タッチ操作向け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アセットの検索

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

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

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

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

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

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

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

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

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

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

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