Avalados por :
Cómo cambiar el título de la página del portal y agregar enlaces y etiquetas meta de forma personalizada
- Creado 01/03/2024
- Modificado 01/03/2024
- 7 Vistas
En algunas situaciones puede que desees cambiar el título de la página del portal. O quizás quieras cambiar el enlace, las etiquetas meta, etc.
Una forma de hacerlo es identificar el lugar correcto donde debes realizar este cambio y hacer que funcione. Por ejemplo, cambiar el título de SAP EP cambiará el título en todas las páginas del portal. Si no deseas cambiarlo en todo el sistema y solo quieres hacerlo en una página en particular, puedes seguir este ejemplo.
En mi caso, tuve que cambiar mi logotipo y los textos en la página de inicio de sesión del portal. Para ello, desarrollé/desplegué la página de inicio de sesión personalizada a partir de los archivos war estándar.
Y utilicé estos comandos para que funcionara.
Añadí estos comandos de javascript (mencionados a continuación) en la sección <script></script> de los archivos logon.jsp / logonmobile.jsp.
En este caso, no pude localizar la etiqueta <head></head> en mi página, porque se estaba derivando del nivel del marco de EP.
Para cambiar el título de la página de inicio de sesión:
document.title = "Mi título";
Y para agregar un elemento de enlace en la sección head de la página html, utilicé 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 agregar una etiqueta meta
var m1 = document.createElement("meta");
m1.name = "mobile-web-app-capable";
m1.content = "sí";
document.getElementsByTagName('head')[0].appendChild(m1);
Para conocer los detalles sobre por qué debes agregar tales etiquetas, puedes encontrarlo en estos enlaces:
Para Apple - Aplicación Web Móvil:
Para Android
https://developer.chrome.com/multidevice/android/installtohomescreen
De manera similar, también puedes cambiar el favicon
Consulta esta página para más detalles al respecto: stackoverflow.com/questions/260857/changing-website-favicon-dynamically
Otros enlaces útiles:
5 Tips for Turning Your Website Into an iOS Web... – Chief Creative Mechanic
En este caso, no pude localizar la etiqueta <head></head> en mi página, porque se estaba derivando del nivel del marco de EP. Por lo tanto, tuve que utilizar el método mencionado anteriormente para agregar enlaces y etiquetas meta a la sección <head> de la página.
En otro caso (por ejemplo, en la página de inicio de Fiori, página de lanzamiento), si deseas añadir esos detalles, puedes hacerlo directamente siguiendo los enlaces de developer.apple o developer.chrome mencionados anteriormente.
Espero que esto ayude a crear un marcador personalizado del portal de inicio de sesión de SAP en Android, iOS y otras aplicaciones móviles, así como marcadores de navegadores web con imágenes personalizadas.
Gracias por leer.
Sin respuestas
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