¡Caminando hacia el éxito!

Aprende en Comunidad

Avalados por :

Como alterar o título da página do portal e adicionar links e tags meta de forma personalizada

  • Creado 01/03/2024
  • Modificado 01/03/2024
  • 4 Vistas
0
Cargando...

Em algumas situações, você pode querer alterar o título da página do portal. Ou talvez queira alterar o link, as meta tags, etc.

Uma maneira de fazer isso é identificar o local correto onde deve fazer essa alteração e fazê-la funcionar. Por exemplo, alterar o título do SAP EP mudará o título em todas as páginas do portal. Se você não quiser alterá-lo em todo o sistema e apenas quiser fazê-lo em uma página específica, pode seguir este exemplo.

No meu caso, tive que alterar meu logotipo e os textos na página de login do portal. Para isso, desenvolvi/implementei a página de login personalizada a partir dos arquivos war padrão.

E utilizei esses comandos para que funcionasse.

Adicionei esses comandos JavaScript (mencionados abaixo) na seção <script></script> dos arquivos logon.jsp / logonmobile.jsp.

Neste caso, não consegui localizar a tag <head></head> na minha página, pois estava sendo derivada do nível do framework EP.

Para alterar o título da página de login:

document.title = "Meu título";

E para adicionar um elemento de link na seção head da página html, usei este comando.

var l1 = document.createElement("link");

l1.rel = "icon";

l1.sizes = "196x196";

l1.href = "<%=webpath%>layout/android-touch-icon-Mobility-196x196.png";

document.getElementsByTagName('head')[0].appendChild(l1);

Para adicionar uma meta tag

var m1 = document.createElement("meta");

m1.name = "mobile-web-app-capable";

m1.content = "sim";

document.getElementsByTagName('head')[0].appendChild(m1);

Para saber os detalhes sobre por que deve adicionar essas tags, você pode encontrá-los nesses links:

Para Apple - Aplicativo Web Móvel:

https://developer.apple.com/Library/ios/documentation/AppleApplications/Reference/SafariWebContent/C...

Para Android

https://developer.chrome.com/multidevice/android/installtohomescreen

Da mesma forma, você também pode alterar o favicon

Consulte esta página para mais detalhes: stackoverflow.com/questions/260857/changing-website-favicon-dynamically

Outros links úteis:

5 Dicas para Transformar seu Site em um Aplicativo Web iOS... – Chief Creative Mechanic

Neste caso, não consegui localizar a tag <head></head> na minha página, pois estava sendo derivada do nível do framework EP. Portanto, tive que usar o método mencionado anteriormente para adicionar links e meta tags à seção <head> da página.

Em outro caso (por exemplo, na página inicial do Fiori, página de lançamento), se você quiser adicionar esses detalhes, pode fazê-lo diretamente seguindo os links do developer.apple ou developer.chrome mencionados anteriormente.

Espero que isso ajude a criar um marcador personalizado para a página de login do SAP em Android, iOS e outros aplicativos móveis, bem como marcadores de navegadores da web com imagens personalizadas.

Obrigado por ler.

Pedro Pascal
Se unió el 07/03/2018
Pinterest
Telegram
Linkedin
Whatsapp

Sin respuestas

No hay respuestas para mostrar No hay respuestas para mostrar Se el primero en responder

contacto@primeinstitute.com

(+51) 1641 9379
(+57) 1489 6964

© 2024 Copyright. Todos los derechos reservados.

Desarrollado por Prime Institute

¡Hola! Soy Diana, asesora académica de Prime Institute, indícame en que curso estas interesado, saludos!
Hola ¿Puedo ayudarte?