Customizing Career Site Builder (CSB) Settings

Objective

After completing this lesson, you will be able to describe global settings.

Image Recommendations

  • The customer provides images by granting access to an image library, logging in to a photo site (similar to photobucket.com), or a zip file of images.
  • See "Image Recommendations" in the Setting Up and Maintaining SAP SuccessFactors Recruiting guide in the SAP Help Portal for specific size recommendations for each available component.
  • A minimum of 15-20 high-resolution employment brand images is required.
  • The following media types can be used in Career Site Builder: GIF, ICO, JPG, JPEG, PNG, and SVG.
    • Scalable Vector Graphics (SVG) images render correctly regardless of display or layout size. For this reason, a single SVG image of the customer’s logo can be used for desktop and mobile layouts of the career site.
  • All Career Site Builder images should be oriented as landscape, not portrait.
  • For background images, choose subtle patterns and colors.
  • Text on images is a dated web practice and is not recommended.
  • Image sliders are not a recommended practice.
  • The maximum file size for images is 500KB.
  • Optimizing images is highly recommended as it decreases load speed, improving the site's performance.
    • We recommend that your media resource export the selected images specifically for the web.
    • An image program such as Photoshop (or even Paint or Snagit) can be used, or free image compressors are available on the web, such as GIMP or PicMonkey.
    • If you need assistance delivering web-ready images, SAP’s web design team can help prepare your image files.

Global Settings

  • Using Career Site Builder, you can update the configuration for the site as a whole using the Global Settings and Global Styles menus, located under Appearance. These settings control site-wide elements like headers, footers, button color, etc.
  • Additional site-wide settings are located under Tools, Settings, and other menus.
This screenshot shows where to find the Global Settings for Career Site Builder.

Global Settings – Cookie Manager

Career Site Builder allows you to configure the following:

  • A cookie banner, which appears at the bottom of the page when visitors first go to your career site (see the figure below.)
  • The cookie consent manager, which appears as a dialog when visitors choose to modify their preferences from the cookie banner. The dialog allows candidates to view descriptions of the cookies used on your career site and accept or decline them.
  • The ability to link to the cookie consent manager in either the header or footer of every page in your organization's career site designed by Career Site Builder.
This screenshot shows an example of a cookie banner.

Global Settings – JavaScript

  • From the Header and Footer JavaScript area, you can enter custom JavaScript for tracking purposes (e.g., Google Analytics, landing page optimization, third-party analytics, etc.)
  • Do not enter any other information in the JavaScript boxes; other uses are not supported.
This screenshot shows where to find the Global Settings for JavaScript.

Site Information

  • From the SettingsSite ConfigurationSite Information page in Career Site Builder you can view the Site ID, and view/update the Site Name, Company Name, and Site URL. See definitions for these fields in the Setting Up and Maintaining SAP SuccessFactors Recruiting guide in the SAP Help Portal. Next to the Site URL setting, click Go to view the career site.
  • If available, your webmaster IDs for Google and Bing are entered.
  • Entering a Google Tag Manager ID enables Google Tag Manager for the career site, but it does not manage the tags or perform any analysis or reporting. If the ID is obtained from Google and added in this field, Career Site Builder incorporates the necessary code in the career site for the customer to use Google Tag Manager.
  • Enabling Use Google Tag Manager in Career Site Wrapper adds Google Tag Manager to all pages that use the career site wrapper (for example, the Candidate Profile page).
  • When you provide the Google Analytics ID, enabling Use Google Analytics in Career Site Wrapper adds Google Analytics to all the pages that use the career site wrapper (for example, the Candidate Profile page).
  • Your implementation consultant is responsible for delivering sitemap links; they only need to be updated if your domain name changes.
  • Candidate Relationship Management is enabled on the Site Information page, and the Candidate Relationship Management Customer ID is displayed here.
  • Learn more about metadata later in this course.
This screenshot shows the Site Information Settings in Career Site Builder.
This screenshot shows additional Site Information Settings in Career Site Builder.

Search Engine Optimization (SEO) Settings

  • Search engine optimization (SEO) settings can be refined from SettingsSite ConfigurationSEO Settings.
  • By default, CSB generates a Top Jobs page that lists links to search results pages based on the most frequently searched terms. This setting can be disabled to have better control over how jobs are presented in your career site.
  • You can also demote specific terms to display at the end of the result set, prevent search engines from indexing jobs with certain terms entirely, and control whether search engines index user-generated search page links.
This screenshot shows the SEO Settings in Career Site Builder.

Summary

  • Global Settings in Career Site Builder: Learn how to update site-wide elements such as headers, footers, and button colors using the Global Settings and Global Styles menus under the Appearance section.
  • Image Recommendations: Ensure high-resolution landscape images with a maximum file size of 500KB and utilize web optimization techniques for better performance. Avoid text on images and image sliders for a modern design approach.
  • Cookie Management Configuration: Career Site Builder provides options to configure a cookie banner and consent manager, allowing candidates to manage their cookie preferences.
  • JavaScript Integration: Use the Header and Footer JavaScript area to enter custom tracking scripts, like Google Analytics, for monitoring site performance.
  • Search Engine Optimization (SEO): Refine SEO settings to control job listings and search engine indexing, enhancing visibility and search accuracy on your career site.