Preparação para uma implementação do Gerador de sites de carreiras do SAP SuccessFactors
Criação do site de carreiras
Conclusão da configuração inicial do sistema de recrutamento
Criação do site de carreiras
Movendo o site de carreiras para produção
Envolvendo potenciais candidatos
Implementar relatórios de origem
Sucesso como consultor

Ativação das configurações iniciais no site de carreiras

Objective

After completing this lesson, you will be able to ative as configurações iniciais no site de carreiras.

JavaScript

Na área JavaScript de cabeçalho e rodapé, você pode inserir JavaScript personalizado para análise de terceiros (por exemplo, Google Analytics) ou chatbots ou pesquisas (por exemplo, Qualtrics), otimização de página de chegada, etc.

Não insira outras informações nas caixas do Java Script; outros usos não são suportados.

A SAP SuccessFactors não fornece suporte para o código JavaScript. Se um cliente relatar um problema e ele tiver um código JavaScript no CSB, ele será solicitado a remover o código JavaScript para confirmar se o problema persiste.

Selecione a ficha JavaScript em Configurações globais.

Estilos globais

Acessar estilos globais a partir dos estilosde aparência.

As principais seções da página Estilos globais são as seguintes:

  • Estilos globais

  • Cabeçalhos

  • Rodapés

Se marcas e localidades estiverem ativadas, você poderá expandir as listas para visualizá-las.

Expanda Estilos globais para configurar marcas e personalize cores e imagens de fundo em todo o site de carreiras.

Lembre-se de que a Marca padrão será exibida se o sistema não reconhecer uma marca. Ao criar páginas no Gerador de sites de carreiras, você criará primeiro a página para a Marca padrão e depois a duplicará para as outras marcas, efetuando as alterações necessárias.

A guia Estilos globais permite personalizar cores e imagens de plano de fundo em todo o site de carreiras.

Exemplo de cores e imagens de fundo personalizadas em todo o site de carreiras.

Além disso, cada marca configurada para o site pode ter seu próprio cabeçalho ou rodapé personalizado, com cores e imagens personalizadas.

Exemplo de cabeçalho ou rodapé personalizado, com cores e imagens personalizadas.

Por exemplo, se um cliente tiver a Marca padrão e a submarca configuradas, cada marca pode ter sua própria aparência, com cores e imagens de marca individuais. Selecione Cabeçalho ou Rodapé no menu Estilos globais e selecione uma localidade e uma marca.

Configure as cores da sua marca na guia principal Estilos globais.

Principais estilos

A guia Principal permite que você ajuste as cores para as áreas principais do site de carreiras e carregue imagens para o site como um todo e as principais áreas de conteúdo.

Ajuste as cores para as principais áreas do site de carreiras no menu Paleta de cores.
  • Para abrir o menu Paleta de cores, clique em qualquer uma das cores existentes. Use o ícone Adicionar na parte superior do menu Paleta de cores para adicionar novas cores à paleta. Clique no botão Arquivado na parte superior para visualizar as cores que foram removidas anteriormente. Observe que uma cor que está sendo usada no site não pode ser removida.

  • A prática principal é inserir um rótulo para a cor. Crie uma nova cor usando a grade selecionadora de cores ou inserindo um valor de RGB, HSV ou código hexadecimal. Para criar um gradiente de cor, marque a caixa É cor de gradiente e selecione as duas cores que você gostaria de criar o gradiente.

  • Para substituir uma cor existente, clique na cor e, em seguida, clique no ícone Editar. Esteja ciente de que o menu de cores salva automaticamente. A menos que você pretenda substituir uma cor em todo o site do CSB, clique em Adicionar para começar. 

  • Clique no botão Arquivado na parte superior para visualizar as cores que foram removidas anteriormente. Observe que uma cor que está sendo usada no site não pode ser removida.

  • Use o slide inferior para ajustar o quão opaca a cor estará no site (em outras palavras, se é uma cor sólida ou se você pode ver através dele).

  • Sempre rotule as cores que usam gradiente ou transparência.

  • No menu suspenso Estilo de conteúdo, selecione Centralizado ou Completo. Observe que serão apresentadas as mesmas opções para o cabeçalho e o rodapé, e elas não precisam corresponder. (Em outras palavras, alguns clientes optaram por ter cabeçalhos e rodapés preenchidos horizontalmente, enquanto seu conteúdo está centrado na página.)

  • Você pode carregar imagens para o site e páginas de conteúdo usando a página principal. As imagens carregadas como Imagem de fundo do site servem como plano de fundo para todo o site. As imagens carregadas como Imagem de fundo de conteúdo servem como plano de fundo em qualquer página de conteúdo.

  • Você pode carregar um favicon para cada marca. Um favicon é uma pequena renderização da marca/logotipo e é mais frequentemente aplicado a um site para ser exibido em uma barra de endereço do navegador ao lado do endereço URL da página e também ao lado do nome da página em uma lista de marcadores quando o candidato marca uma página.

Carregue um favicon na guia principal Estilos globais.

Meta imagens para publicações em mídias sociais

Considere os seguintes pontos ao usar imagens meta para publicações em mídias sociais:

  • Os clientes podem adicionar imagens meta a partir da página Principal de Estilos Globais para associá-las a seu site de carreiras em postagens de mídia social.
  • Alguns sites de terceiros, como Facebook, LinkedIn e Twitter, permitem que você associe uma imagem quando publica um link e informações para seu site de carreiras.
  • A configuração Meta Image permite que você especifique uma imagem por marca, de modo que qualquer página de marca dentro do site de carreiras conterá a mesma metaimagem.
Você pode alterar sua Meta Image ou removê-la.

Nota

Atualmente, leva cerca de uma semana para o LinkedIn e o Facebook se recapitularem.
Exemplo de um favicon após colar o URL no Microsoft Teams.
Exemplo de um favicon após colar o URL no LinkedIn.

Outras configurações globais de estilo

  • As opções Formulário de pesquisa e Experiência de pesquisa são discutidas na unidade Configurar a experiência de pesquisa no site de carreiras.

  • A aba Cabeçalho permite que você personalize as cores de alguns elementos do cabeçalho do site.

  • As guias Rodapé da linha e Rodapé da coluna permitem personalizar as cores de alguns elementos do rodapé do site. Você pode configurar links no rodapé como uma linha individual ou como colunas de links relacionados. Você também pode configurar os dois tipos de menu de rodapé e aplicar estilos a eles separadamente. Se você configurar um menu de linha e de coluna para o rodapé, o menu de linhas será exibido acima das colunas.

Dicas nas ferramentas

A seção a seguir aborda algumas dicas para usar as ferramentas do Gerador de sites de carreiras.

Acesso ao Gerador de sites de carreiras

Os usuários com acesso ao Command Center do aplicativo back-end usam um link rápido para abrir o Gerador de sites de carreiras.

Os administradores de clientes acessam o Gerador de sites de carreiras a partir do Centro de administração doSAP SuccessFactors. As permissões baseadas em função necessárias estão descritas na seção Configuração do site deste curso.

Digite Gerenciar Gerador de sites de carreiras no mecanismo de pesquisa como Coordenador de RH.

Opções de ajuda em CSB

O texto de ajuda é fornecido em algumas páginas.

Selecione ? no canto superior direito para obter informações gerais sobre essa página. Selecione ? ao lado dos campos para obter informações sobre o preenchimento desse campo.

Selecione ? ao lado dos campos para obter informações sobre o preenchimento desse campo, por exemplo, URL ou ID do vídeo, Tipo de vídeo ou Layout.

Dicas para trabalhar em CSB

Crie primeiro as páginas Marca padrão e, em seguida, duplique para outras marcas e idiomas. Para usar a função Duplicar, comece na página a partir da qual você copiará.

Depois de efetuar modificações na ferramenta CSB, selecione Gravar. Não faça muitas alterações entre os salvamentos.

Você pode visualizar como será o site real selecionando Visualizar no canto superior direito. Isso inicia a página em que você está trabalhando e você pode navegar para outras páginas para visualizar, se desejado.

Não há botão desfazer.

Para visualizar como será o site real, clique no botão Visualizar no canto superior direito.

Aparência de páginas em diferentes dispositivos

Você pode controlar a aparência da página para diferentes dispositivos (celular, tablet ou desktop). Ative o campo de seleção ao lado dos dispositivos desejados para cada componente. Para ver quais componentes estão ativados para cada dispositivo, selecione o nome do dispositivo no canto superior direito (ao lado de Adicionar componente).

Para controlar a aparência da página para diferentes dispositivos (celular, tablet ou desktop), ative o campo de seleção ao lado dos dispositivos desejados para cada componente.

Para remover um componente da página inicial, selecione o ícone da lixeira.

Para navegar para uma página ou menu diferente, use as setas para trás na parte superior da página.

Setas de navegação para trás.

Criação de versões e esboços

Ao efetuar modificações em uma página, você pode gravar a página como um esboço selecionando Gravar esboço. Isso permite que o usuário, ou um usuário diferente, retorne e edite a página.

As páginas de rascunho podem ser visualizadas.

Para tornar a página atualizada visível no site do cliente, selecione Publicar. Quando uma página é publicada, uma versão é salva. É possível salvar até 10 versões.

As versões de rascunho podem ser salvas ou publicadas.

Você pode visualizar versões anteriores da página clicando no ícone de engrenagem na parte superior esquerda da página. Em seguida, selecione Visualizar revisões publicadas. Isso mostra as versões publicadas anteriormente da página, quando foram publicadas e o usuário que as publicou.

Selecione Editar para revisar uma versão anterior da página. Selecione Visualizar para visualizar como a página seria exibida no site do cliente.

Isso permite que você reverta para versões anteriores. Se você quiser reverter para uma versão publicada anteriormente, selecione-a para editar, faça os ajustes necessários e publique a página.

Selecione Editar para revisar uma versão anterior da página. Você pode Duplicar página, Meta tags, Visualizar revisões publicadas ou Editar publicadas.

Criação de versões e esboços: exemplo

Segue-se um exemplo de um caso de utilização para criação de versões e esboços:

  • Paula tem permissão para editar páginas de conteúdo.

  • Ela acessa o CSB e edita uma das páginas de conteúdo publicadas.

  • Paula gostaria que Olivia revisasse seu trabalho, então ela escolhe Salvar rascunho.

  • Olivia acessa o CSB e navega para a página que Paula editou.

  • Como existe uma versão publicada e uma versão de rascunho dessa página, por padrão, Olivia vê a versão publicada. Olivia escolhe o ícone de engrenagem e seleciona Editar Publicado para visualizar a página de rascunho de Paula.

  • Olivia recebe a mensagem mostrada na figura abaixo e seleciona Sim. Ela ainda não efetuou modificações, por isso não está preocupada com as modificações que estão sendo sobregravadas.

  • Agora Olivia pode visualizar e publicar a página de conteúdo de Paula, ou pode fazer alterações e Salvar rascunho ou Publicar.

Na caixa de diálogo Editar publicado, selecione Sim para confirmar que as modificações não publicadas não serão salvas.

Inserir modificações em configurações globais e estilos globais

Exemplo empresarial

Atualize para as cores corporativas da Best Run, adicione uma fonte personalizada e metadados em todo o site. Referencie essas etapas para adicionar uma nova cor.

  1. Selecione a caixa com a cor existente.
  2. Na parte superior da tela Paleta de cores, clique em +Adicionar.
  3. Se indicado na captura de tela, insira uma Etiqueta.
  4. Role até a caixa Hex e insira o valor da nova cor mostrada na captura de tela.
  5. Selecione fora da tela Paleta de cores. A nova cor é adicionada à paleta.
  6. Novamente, escolha a caixa com a cor existente.
  7. Selecione a cor que você acabou de adicionar. Ele substitui a cor original.
  8. Salve.

Referencie as imagens para definir as cores corporativas da Best Run. Consulte o nome da guia na parte superior.

Na página Estilos globais, selecione a guia Principal.

Nota

Para a cor principal de plano de fundo do local, selecione É cor de gradiente na parte superior. Para a segunda cor do plano de fundo do site, use 1A4E80.
Na página Estilos globais, selecione a guia Formulário de pesquisa.
Na página Estilos globais, selecione a guia Cabeçalho.
Na página Estilos globais, selecione a guia Rodapé da linha.
Na página Estilos globais, selecione a guia Rodapé da coluna.

Tarefa 1: Atualizar cores corporativas da Best Run

Este vídeo mostra como inserir modificações atualizando as cores da empresa.

Etapas

  1. Navegue até CSBAparênciaEstilosEstilos globaisMarca padrão.

  2. Clique na guia Principal e faça as alterações indicadas na imagem da guia Principal.

  3. Quando terminar de usar as cores nessa guia, clique em Salvar.

  4. Clique na guia Formulário de pesquisa e substitua as cores conforme mostrado na imagem fornecida. Salve.

  5. Clique na guia Cabeçalho e substitua as cores. Salve.

  6. Clique na guia Rodapé da linha e substitua as cores. Salve.

Tarefa 2: Carregar uma fonte personalizada

Este vídeo mostra como inserir modificações carregando uma fonte personalizada.

Etapas

  1. Nos arquivos fornecidos como parte do curso, localize Hand Drawn Shapes.ttf.

  2. Abra o arquivo e clique em Instalar.

  3. Navegue até Siteglobalde aparênciaCSB.

  4. Clique em Abrir editor de fontes personalizadas.

  5. Clique no botão +.

  6. Navegue até o arquivo .ttf em Arquivos do curso e selecione-o.

  7. Clique em Fechar.

  8. No campo Fonte da página Configurações globaisSite, clique na seta suspensa e selecione a fonte que você carregou.

  9. Gravar e visualizar.

    Nota

    Nem todas as fontes na página serão substituídas; se elas tiverem sido substituídas por um componente individual, a Configuração global não se aplicará. Esta configuração se aplica aos componentes de cabeçalho, rodapé e pesquisa.
  10. Modifique a fonte no menu Site para qualquer fonte disponível. Arial, Helvetica, sans-serif é uma escolha popular.

  11. Salve.

Tarefa 3: Configurar metadados do site

Este vídeo mostra como configurar metadados do site.

Etapas

  1. Em ConfiguraçõesCSBConfiguração do siteInformações do site, insira os seguintes metadados:

    • Título da página: Vagas na Best Run

    • Palavras-chave: Vendas, Engenharia, Recursos Humanos, Vagas de gestão

    • Meta Descrição: Inscreva-se online para vagas na Best Run: vagas em engenharia, vagas de vendas, vagas de recursos humanos e muito mais

  2. Salve.

  3. Visualize o site usando o link Ir ao lado do URL do site próximo à parte superior da página Informações do site. Observe que a guia do navegador agora está rotulada como Vagas na Best Run.

    Posteriormente, substituiremos os metadados para páginas individuais.

Síntese

  • Use Aparência → Estilos (Estilos globais) para definir a aparência em todo o site (cores, fundos) e para criar cabeçalhos e rodapés específicos da marca/localidade.
  • Gerencie a Paleta de cores (adicionar/editar/arquivar) com rótulos e suporte para gradientes/transparência; edita o salvamento automático e substitui uma cor que a afeta em todo o site.
  • Configure imagens globais, como imagens de fundo de site/conteúdo, favicons por marca e uma imagem por marca para quando os links são compartilhados em plataformas sociais (por exemplo, LinkedIn/Facebook/X).
  • Salve com frequência, use Visualizar e controles de visibilidade específicos do dispositivo e use Rascunho/Publicar com criação de versões (até 10) para revisar ou reverter por meio de revisões publicadas.