¡Caminando hacia el éxito!

Aprende en Comunidad

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
  • 10 Vistas
0
Cargando...

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:

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

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.

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?