ClientContext

Client Context是一种机制，可为您提供有关当前页面和访客的特定信息。 可使用以下方式打开它 Ctrl-Alt-c (windows)或 control-option-c (Mac)：

在 发布和创作环境它显示信息 关于：

• 访客；根据您的实例，会请求或派生某些信息。
• 页面标记以及当前访客访问这些标记的次数（当您将鼠标移动到特定标记上时显示） 。
• 页面信息。
• 有关技术环境的信息；如IP地址、浏览器和屏幕分辨率。
• 当前已解析的任何区段。

利用图标（仅在创作环境中可用），可配置客户端上下文的详细信息：

• 编辑
  此时将打开一个新页面，允许您执行以下操作 编辑、添加或删除配置文件属性.

• 加载
  您可以 从配置文件列表中进行选择并加载配置文件 你想测试。

• 重置
  您可以 重置配置文件 到当前用户的密码。

可用的客户端上下文组件

Client Context可以显示以下属性(根据使用“编辑”选择的内容)：

网上冲浪者信息 显示以下客户端信息：

• 此 IP地址
• 关键词 用于搜索引擎反向链接
• 此 浏览器 正在使用
• 此 操作系统 （操作系统）正在使用
• 屏幕 resolution
• 此 鼠标X position
• 此 鼠标Y position

活动流 这提供了有关用户在各种平台上的社交活动的信息；例如，AEM论坛、博客、评级等。

Campaign 允许作者模拟营销活动的特定体验。 此组件将覆盖正常的营销活动分辨率和体验选择，以便能够测试各种排列。

营销活动解析通常基于营销活动的优先级属性。 体验通常基于分段进行选择。

购物车 显示购物车信息，包括产品条目（标题、数量、价格格式等）、已解决的促销活动（标题、消息等） 和优惠券（代码、说明等）。

购物车会话存储区还使用ClientContextCartServlet将已解决的促销更改通知（基于分段更改）到服务器。

通用存储 是显示存储内容的通用组件。 它是通用存储属性组件的较低版本。

通用存储区必须配置有JS渲染器，该渲染器将以自定义方式显示数据。

通用存储属性 是显示存储内容的通用组件。 它是通用存储组件的更高级别版本。

通用存储属性组件包括一个默认渲染器，该渲染器列出配置的属性（以及缩略图）。

地理位置 显示客户端的纬度和经度。 它使用HTML5地理位置API在浏览器中查询当前位置。 这会导致向访客显示一个弹出窗口，浏览器会询问访客是否同意共享其位置。

在Context Cloud中显示时，组件使用Google API将地图显示为缩略图。 该组件受Google API约束 使用限制.

JSONP存储 显示与安装相关的内容的组件。

JSONP标准是JSON的补充，允许规避相同源策略（使Web应用程序无法与位于另一个域中的服务器通信）。 它包含在函数调用中封装JSON对象，以便能够将其加载为 <script> 来自其他域（这是允许对同一源策略进行例外）。

JSONP存储区与任何其他存储区一样，但它加载来自其他域的信息，而无需在当前域上为该信息设置代理。 请参阅中的示例 通过JSONP在客户端上下文中存储数据.

配置文件数据 显示用户配置文件中收集的信息。 例如，性别、年龄、电子邮件地址等。

已解析的区段 显示当前解析的区段（通常取决于客户端上下文中显示的其他信息）。 这在配置营销活动时很有用。

例如，鼠标当前位于窗口的左手部分还是右手部分。 此区段主要用于测试，因为可以立即看到更改。

社交图 显示用户的好友和关注者的社交图。

标记云 显示在当前页面上设置的标记以及浏览网站时收集的标记。 将鼠标移动到标记上方会显示当前用户访问包含该特定标记的页面的次数。

Technographics商店 此组件取决于您的安装。

ViewedProducts 跟踪购物者已查看的产品。 可查询购物车中尚未出现的最近查看的产品或最近查看的产品。

此会话存储没有默认的客户端上下文组件。

有关其他信息，请参阅 客户端上下文详细信息.

更改客户端上下文配置文件

Client Context允许您以交互方式更改详细信息：

• 通过更改Client Context中使用的配置文件，您可以看到各个用户将为当前页面看到的不同体验。
• 除了更改用户配置文件外，您还可以更改某些配置文件详细信息，以查看页面体验在各种条件下的差异。

加载新的用户配置文件

您可以通过以下任一方式更改配置文件：

• 使用加载图标
• 使用选择滑块

完成后，您可以 重置配置文件.

使用加载配置文件图标加载新访客配置文件

1. 单击Load Profile图标：

   

2. 这将打开对话框，您可以在此处选择要加载的配置文件：

   

3. 单击 确定 以加载。

使用选择滑块加载新的用户配置文件

您还可以使用选择滑块选择用户档案：

1. 双击表示当前用户的图标。 将打开选择器，使用箭头导航并查看可用的配置文件：

   

2. 单击要加载的配置文件。 加载详细信息后，单击选择器外部以关闭。

将配置文件重置为当前用户

1. 使用重置图标将Client Context中的配置文件返回到当前用户的配置文件：

   

更改浏览器平台

1. 双击表示浏览器平台的图标。 将打开选择器，使用箭头导航并查看可用的平台/浏览器：

   

2. 单击要加载的平台浏览器。 加载详细信息后，单击选择器外部以关闭。

更改地理位置

1. 双击地理位置图标。 此时将打开一个展开的地图，您可以在此处将标记拖动到新位置：

   

2. 单击地图外部以关闭。

更改标记选择

1. 双击Client Context的Tag Cloud部分。 此时将打开对话框，您可以在此处选择标记：

   

2. 单击“确定”以加载到Client Context中。

编辑客户端上下文

编辑客户端上下文可用于设置（或重置）某些属性的值，添加新属性或删除不再需要的属性。

编辑属性详细信息

编辑客户端上下文可用于设置（或重置）某些属性的值。 这允许您测试特定场景(尤其有用 分段 和 营销活动)。

添加属性组件

在您打开 ClientContext设计页面，您还可以 添加 使用可用组件(组件在sidekick或 插入新组件 对话框，该对话框在 将组件或资产拖动到此处 box)：

删除属性组件

在您打开 ClientContext设计页面，您还可以 移除 属性（如果不再需要）。 这包括现成可用的属性； 重置 如果它们已被删除，则将恢复它们。

通过JSONP在客户端上下文中存储数据

按照此示例使用JSONP存储上下文存储组件将外部数据添加到客户端上下文。 然后，根据该数据中的信息创建一个区段。 该示例使用WIPmania.com提供的JSONP服务。 该服务根据Web客户端的IP地址返回地理位置信息。

此示例使用Geometrixx Outdoors示例网站来访问Client Context并测试创建的区段。 只要该页面启用了客户端上下文，您就可以使用其他网站。 (请参阅 向页面添加客户端上下文.)

添加JSONP存储组件

将JSONP Store组件添加到Client Context，并使用它检索和存储有关Web客户端的地理位置信息。

1. 在AEM创作实例上打开Geometrixx Outdoors站点的英语主页。 (https://localhost:4502/content/geometrixx-outdoors/en.html)。

2. 要打开“客户端上下文”，请按Ctrl-Alt-c (windows)或control-option-c (Mac)。

3. 单击Client Context顶部的编辑图标以打开Client Context Designer。

   

4. 将JSONP存储组件拖动到客户端上下文。

   

5. 双击该组件以打开“编辑”对话框。

6. 在“JSONP服务URL”框中，输入以下URL，然后单击“获取存储”：

   https://api.wipmania.com/jsonp?callback=${callback}

   该组件调用JSONP服务并列出返回数据包含的所有属性。 该列表中的属性是那些将在Client Context中可用的属性。

   

7. 单击确定。

8. 返回到“Geometrixx Outdoors”主页并刷新该页。 Client Context现在包含来自JSONP存储组件的信息。

   

创建区段

使用您通过JSONP存储组件创建的会话存储中的数据。 区段使用会话存储区中的纬度和当前日期来确定它是否是客户端位置的冬季时间。

1. 在Web浏览器中打开“工具”控制台(https://localhost:4502/miscadmin#/etc)。

2. 在文件夹树中，单击Tools/Segmentation文件夹，然后单击New > New Folder。 指定以下属性值，然后单击“创建”：

   • 名称：mysegments
   • 标题：我的区段

3. 选择“我的区段”文件夹，然后单击“新建”>“新建页面”：

   1. 对于“标题”，键入Winter。
   2. 选择区段模板。
   3. 单击创建。

4. 右键单击Winter区段，然后单击“打开”。

5. 将通用存储属性拖到默认的AND容器中。

   

6. 双击该组件以打开“编辑”对话框，指定以下属性值，然后单击“确定”：

   • 商店：Wipmania
   • 属性名称： latitude
   • 运算符：大于
   • 属性值：30

7. 将脚本组件拖动到相同的AND容器中，并打开其“编辑”对话框。 添加以下脚本，然后单击“确定”：

   3 < new Date().getMonth() < 12

Business.Adobe.com 资源

Auto Form Fill Customer Communications Content Intelligence Responsive Forms Dynamic Forms Digital Rights Management