将 eCatalog 链接到网页

您的网站和应用程序通过URL字符串或嵌入代码访问Dynamic Media图像服务器内容，包括eCatalog。 这些 URL 字符串在发布过程中被激活。要将eCatalog的URL字符串或嵌入代码放置到网页和应用程序中，请从Dynamic Media经典中复制它。

复制 eCatalog URL

1. 在“资源浏览”面板的“显示”下拉列表中，单击“目录”。

2. 在左侧的“资源库”面板中，导航至要复制其嵌入代码的 eCatalog 所在的资源文件夹。

3. 在“资源浏览”面板上方的工具栏右侧，执行以下任一操作：

   • 单击“网格视图”。在“资源浏览”面板中，双击单个资源以便在详细信息视图中将其打开。在右侧的“URL 和嵌入代码”面板中，单击所需查看器右侧的“复制 URL”。

   • 单击“网格视图”。在“资源浏览”面板中，选择单个资源，然后在缩略图图像下方单击“预览”>“查看器列表”。

     在“查看器列表”页面中表的“操作”列下，单击“复制 URL”。

   • 单击“列表视图”。在“资源浏览”面板中，选择单个资源，然后在缩略图图像右侧单击“预览”>“查看器列表”。

     在“查看器列表”页面中表的“操作”列下，单击“复制 URL”。

   • 单击“网格视图”、“列表视图”或“详细信息视图”。在同一工具栏上，单击“预览”>“查看器列表”。

     在“查看器列表”页面中表的“操作”列下，单击“复制 URL”。

将 eCatalog URL 添加网页中

部署 eCatalog 的最常用方法是在网页上放入一个 eCatalog 缩略图封面形式的链接。与 IT 团队合作，以确保在一个居中弹出的空白窗口中启动 eCatalog。请您的 IT 团队协助在浏览器中不显示工具栏和地址栏。

有关其他详细信息和代码示例，请参阅《Adobe查看器参考指南》](/docs/dynamic-media-developer-resources/library/viewers-aem-assets-dmc/ecatalog/c-html5-20-ecatalog-viewer-about.html?lang=zh-Hans#section-e1c3106f5b3e445d9b95be337c2f94e2)中的[嵌入HTML5 eCatalog查看器。

复制 eCatalog 查看器的嵌入代码

使用嵌入代码功能，您可以查看用于所选 eCatalog 的查看器代码。 您也可以将代码复制到剪贴板中，以便可以将其粘贴到网页中以部署查看器。不允许在“嵌入代码”对 话框中编辑代码 。

复制 eCatalog 查看器的嵌入代码

1. 在“资源浏览”面板的“显示”下拉列表中，单击“目录”。

2. 在左侧的“资源库”面板中，导航至要复制其嵌入代码的 eCatalog 所在的资源文件夹。

3. 在“资源浏览”面板上方的工具栏右侧，执行以下任一操作：

   • 单击“网格视图”。在“资源浏览”面板中，双击单个资源以便在详细信息视图中将其打开。在右侧的“URL”面板中，单击“嵌入代码”。

   • 单击“网格视图”。在“资源浏览”面板中，选择单个资源，然后在缩略图图像下方单击“预览”>“查看器列表”。

     在“查看器列表”页面中表的“操作”列下，单击“嵌入代码”。

   • 单击“列表视图”。在“资源浏览”面板中，选择单个资源，然后在缩略图图像右侧单击“预览”>“查看器列表”。

     在“查看器列表”页面中表的“操作”列下，单击“嵌入代码”。

   • 单击“网格视图”、“列表视图”或“详细信息视图”。在同一工具栏上，单击“预览”>“查看器列表”。

     在“查看器列表”页面中表的“操作”列下，单击“嵌入代码”。

4. 在“嵌入代码”对话框中，单击“复制到剪贴板”。

   在“嵌入代码”对话框中不允许编辑代码。

5. 单击关闭。