在页眉和页脚 JavaScript 区域中，您可以输入自定义 JavaScript 以进行第三方分析（例如 Google Analytics）或聊天机器人或调查（例如 Qualtrics）、登录页面优化等。
请勿在"Java 脚本"框中输入任何其他信息；不支持其他用途。
SAP SuccessFactors 不提供 JavaScript 代码支持。如果客户报告问题并且他们在 CSB 中有 JavaScript 代码，则会要求他们移除 JavaScript 代码以确认问题是否仍然存在。
在招聘网站中启用初始设置
Objective
After completing this lesson, you will be able to 在招聘网站中启用初始设置。
JavaScript
全局样式
从外观样式访问全局→样式。
全局样式页面上的主要部分如下：
全局样式
标头
页脚
如果启用品牌和区域设置，您可以展开列表进行查看。
请记住，如果系统不识别品牌，则会显示缺省品牌。在招聘网站构建器中构建页面时，您将首先为默认品牌创建页面，然后为其他品牌复制页面，进行必要的更改。
全局样式标签允许您定制整个招聘网站的颜色和背景图像。
此外，站点的每个已配置品牌都可以有自己的自定义页眉或页脚，其中包含自定义颜色和图像。
例如，如果客户已配置缺省品牌和子品牌，则每个品牌都可以有自己的外观，具有单独的品牌颜色和图像。在"全局样式"菜单中选择"页眉"或"页脚"，然后选择区域设置和品牌。
主要样式
主要 标签允许您调整招聘网站主要区域的颜色，并上载整个站点和主要内容区域的图像。
要打开"调色板"菜单，请单击任何现有颜色。使用"调色板"菜单顶部的"添加"图标向调色板添加新颜色。单击顶部的 已归档 按钮查看之前已删除的颜色。请注意，无法移除站点上正在使用的颜色。
主要做法是为颜色输入标签。通过使用颜色选取器网格或输入 RGB、HSV 或十六进制代码值创建新颜色。要创建颜色渐变，请选中"是渐变颜色"框，然后选择要创建渐变的两种颜色。
要替换现有颜色，请单击颜色，然后单击编辑图标。请注意，颜色菜单会自动保存。除非打算在 CSB 站点中替换颜色，否则请单击"添加"开始。
单击顶部的 已归档 按钮查看之前已删除的颜色。请注意，无法移除站点上正在使用的颜色。
使用底部幻灯片调整站点上颜色的不透明程度（换句话说，它是纯色还是可以通过它看到）。
始终标记使用渐变或透明度的颜色。
从"内容样式"下拉列表中，选择"居中"或"完整"。请注意，你将看到相同的页眉和页脚选项，这些选项不需要匹配。（换句话说，一些客户已选择页眉和页脚水平填充页面，而他们的内容在页面上居中。）
您可以使用主页上载站点和内容页面的图像。作为站点背景图像上载的图像用作整个站点的背景。作为内容背景图像上载的图像用作任何内容页面上的背景。
您可以为每个品牌上传收藏夹图标。收藏夹图标是品牌标识/徽标的小型呈现，最常应用于在页面 URL 地址旁的浏览器地址栏上显示的网站，在候选人将页面加入书签列表时也显示在页面名称旁边。
社交媒体消息的元图像
将元图像用于社交媒体帖子时，请考虑以下几点：
- 客户可以从全局样式主页添加元图像，以将其与社交媒体帖子中的招聘网站相关联。
- 某些第三方站点（例如 Facebook、LinkedIn 和 Twitter）允许您在发布招聘网站的链接和信息时关联图像。
- "元图像"设置允许您为每个品牌指定一个图像，以便招聘站点中的任何品牌页面都将包含相同的元图像。
注意
LinkedIn 和 Facebook 目前大约需要 一 周的时间来回忆。
其他全局样式设置
"配置招聘网站搜索体验"单元中讨论了"搜索表单"和"搜索体验"选项。
"标题"选项卡可用于自定义站点标题的某些元素的颜色。
"行页脚"和"列页脚"标签允许您自定义站点页脚的某些元素的颜色。您可以将页脚中的链接配置为单个行，也可以配置为相关链接的列。您还可以配置两种页脚菜单类型，并单独为其应用样式。如果同时配置页脚的行和列菜单，则会在列上方显示行菜单。
工具中的提示
以下部分涵盖使用招聘网站构建器工具的一些提示。
访问招聘网站构建器
有权访问后端应用程序命令中心的用户使用快速链接打开 Career Site Builder。
客户管理员从 SAP SuccessFactors→管理中心访问招聘网站构建器。本课程的"站点设置"部分介绍了所需的基于角色的权限。
CSB 中的帮助选项
帮助文本在某些页面上提供。
选择 ?获取该页面的整体信息。选择 ?以获取有关完成该字段的信息。
在 CSB 中工作的提示
首先构建默认品牌页面，然后为其他品牌和区域设置复制。要使用"复制"功能，请从要复制的页面开始。
在 CSB 工具中进行更改后，选择保存。不要在保存之间进行过多更改。
您可以通过选择右上角的预览来预览实际站点的外观。这将启动您正在处理的页面，您可以根据需要导航到其他页面进行预览。
没有撤消按钮。
不同设备中的页面外观
您可以控制不同设备（手机、平板电脑或台式机）的页面外观。为每个组件启用所需设备旁边的复选框。要查看为每个设备启用的组件，请选择右上角的设备名称（在添加组件旁边）。
要从主页中移除组件，请选择垃圾桶图标。
要导航到其他页面或菜单，请使用页面顶部的后退箭头。
版本化和草稿
对页面进行更改时，您可以通过选择保存草稿将页面另存为草稿。这允许用户或其他用户返回并编辑页面。
可以预览草稿页面。
要使更新后的页面在客户站点上可见，请选择发布。发布页面后，将保存版本。最多可以保存 10 个版本。
您可以通过单击页面左上角的齿轮图标，查看页面的先前版本。然后选择查看已发布的修订。这将显示页面的先前已发布版本、发布时间以及发布这些版本的用户。
选择编辑以修订页面的先前版本。选择预览以查看页面在客户站点上的显示方式。
这允许您恢复到早期版本。如果要还原为之前发布的版本，请选择该版本进行编辑，进行必要的调整，然后发布页面。
版本化和草稿：示例
以下是版本化和草稿用例的示例：
Paula 有权编辑内容页面。
她访问 CSB 并编辑其中一个已发布内容页面。
Paula 希望 Olivia 检查她的工作，因此她选择保存草稿。
Olivia 访问 CSB 并导航至 Paula 编辑的页面。
由于该页面有已发布版本和草稿版本，因此默认情况下 Olivia 会看到已发布的版本。Olivia 选择齿轮图标并选择编辑已发布以查看 Paula 的草稿页面。
Olivia 将显示下图中显示的消息，并选择是。她尚未进行任何更改，因此她不担心更改被覆盖。
现在，Olivia 可以查看和发布 Paula 的内容页面，也可以进行更改并保存草稿或发布。
输入全局设置和全局样式的更改
业务示例
更新 Best Run 的企业颜色，添加自定义字体并添加站点范围的元数据。参考这些步骤以添加新颜色。
- 选择具有现有颜色的框。
- 在"调色板"屏幕的顶部，单击"+添加"。
- 如果在屏幕截图中指示，请输入标签。
- 滚动到十六进制框，然后输入屏幕捕获中显示的新颜色的值。
- 在"调色板"屏幕外部选择。新颜色将添加到调色板中。
- 再次选中具有现有颜色的框。
- 选择刚刚添加的颜色。它将替换原始颜色。
- 保存。
参考图像以设置 Best Run 的公司颜色。请参阅顶部的选项卡名称。
注意
对于"站点背景"主颜色，选择"是顶部的渐变颜色"。对于站点背景，第二种颜色使用 1A4E80。
摘要
- 使用外观 → 样式（全局样式）设置站点范围的外观（颜色、背景）并创建品牌/区域设置特定的页眉和页脚。
- 使用标签管理调色板（添加/编辑/归档），并支持渐变/透明度；编辑自动保存并替换颜色会影响整个站点。
- 在社交平台（例如 LinkedIn/Facebook/X）上共享链接时，配置全球图像，例如站点/内容背景图像、每个品牌的收藏夹图标和每个品牌的图像。
- 经常保存，使用预览和设备特定的可见性控制，并使用草稿/发布版本化（最多 10 个）通过已发布的修订进行审阅或恢复。