Adición de imágenes, vídeos y mucho más al panelAdd images, videos, and more to your dashboard

Al agregar un icono al panel, puede colocar una imagen, un cuadro de texto, un vídeo, datos de streaming o código web en el panel.By adding a tile to your dashboard, you can place an image, text box, video, streaming data, or web code on your dashboard.

Vea cómo Amanda agrega iconos a un panel.Watch Amanda add tiles to a dashboard.

Adición de una imagen, un vídeo u otro iconoAdd an image, video, or other tile

Puede agregar una imagen, un cuadro de texto, un vídeo, datos de transmisión o código web directamente al panel.You can add an image, text box, video, streaming data, or web code directly to your dashboard.

  1. Seleccione Agregar icono en la barra de menús superior del panel.Select Add tile from the top menu bar of your dashboard. En función de las limitaciones de espacio, es posible que solo vea el signo más signo más.Depending on space limitations, you may see only the plus plus sign sign.

    Icono de Agregar icono

  2. Seleccione el tipo de icono que desea agregar:Select which type of tile to add:

    Contenido webWeb content

    ImagenImage

    Cuadro de textoText box

    VídeoVideo

    Datos de transmisión personalizadosCustom streaming data

    Ventana Agregar icono

Agregar una imagenAdd an image

Si quiere agregar el logotipo de su empresa u otra imagen al panel, guarde el archivo de imagen en línea y establezca un vínculo a él.If you want to add your company logo or some other image to your dashboard, you save the image file online and link to it. Asegúrese de que no se necesitan credenciales de seguridad para acceder al archivo de imagen.Make sure security credentials aren't required to access the image file. Por ejemplo, ya que OneDrive y SharePoint requieren autenticación, las imágenes almacenadas allí no se pueden agregar a un panel de esta manera.For example, because OneDrive and SharePoint require authentication, images stored there can't be added to a dashboard this way.

  1. En la ventana Agregar icono, seleccione Imagen > Siguiente.From the Add tile window, select Image > Next.

  2. En la ventana Agregar icono de imagen, agregue la información de la imagen:From the Add image tile window, add the image information:

    a.a. Para mostrar un título sobre la imagen, seleccione Mostrar el título y el subtítulo y escriba un título y, si quiere, un subtítulo.To display a title above the image, select Display title and subtitle and enter a Title and an optional Subtitle.

    b.b. Escriba la URL de la imagen.Enter the image URL.

    c.c. Para convertir el icono en un hipervínculo, seleccione Establecer vínculo personalizado y escriba la URL.To make the tile a hyperlink, select Set custom link and enter the URL.

    Cuando los compañeros hagan clic en la imagen o el título, se les dirigirá a esta URL.When colleagues click the image or title, they'll be taken to this URL.

    d.d. Seleccione Aplicar.Select Apply.

    Ventana Agregar icono de imagen

  3. En el panel, cambie el tamaño de la imagen y muévala según sea necesario.On the dashboard, resize and move the image as needed.

    Imagen en el panel

Agregar un cuadro de texto o un encabezado de panelAdd a text box or dashboard heading

Para agregar un encabezado de panel, escriba el encabezado en el cuadro de texto y aumente el tamaño de la fuente.To add a dashboard heading, type your heading in the text box and increase the font.

  1. En la ventana Agregar icono, seleccione Cuadro de texto > Siguiente.From the Add tile window, select Text box > Next.

  2. Dé formato al cuadro de texto:Format the text box:

    a.a. Para mostrar un título sobre el cuadro de texto, seleccione Mostrar el título y el subtítulo y escriba un título y, si quiere, un subtítulo.To display a title above the text box, select Display title and subtitle and enter a Title and an optional Subtitle.

    b.b. Especifique el contenido del cuadro de texto y aplíquele formato.Enter and format Content for the text box.

    c.c. De manera opcional, establezca un vínculo personalizado para el título.Optionally, set a custom link for the title. Un vínculo personalizado puede ser un sitio externo o un panel o informe del área de trabajo.A custom link can be an external site or a dashboard or report in your workspace. En cambio, en este ejemplo se han agregado hipervínculos en el texto del cuadro, por lo que debe dejar desactivada la opción Establecer vínculo personalizado.However, in this example we've added hyperlinks within the text box itself, so we'll leave Set custom link unchecked.

    d.d. Seleccione Aplicar.Select Apply.

    Ventana Agregar icono de cuadro de texto

  3. En el panel, cambie el tamaño del cuadro de texto y muévalo según sea necesario.On the dashboard, resize and move the text box as needed.

    Panel con imagen y cuadro de texto

Agregar un vídeoAdd a video

Al agregar un icono de vídeo de YouTube o Vimeo al panel, el vídeo se reproduce en el panel.When you add a YouTube or Vimeo video tile to your dashboard, the video plays right on your dashboard.

  1. En la ventana Agregar icono, seleccione Vídeo > Siguiente.From the Add tile window, select Video > Next.

  2. Agregue la información del vídeo en la ventana Agregar icono de vídeo:Add video information in the Add video tile window:

    a.a. Para mostrar un título y un subtítulo sobre el icono de vídeo, seleccione Mostrar el título y el subtítulo y escriba un título y, si quiere, un subtítulo.To display a title and subtitle at the top of the video tile, select Display title and subtitle and enter a Title and an optional Subtitle. En este ejemplo, agregaremos un subtítulo y lo convertiremos en un hipervínculo a la lista de reproducción completa de YouTube.In this example, we'll add a Subtitle, and then convert it to a hyperlink to the entire YouTube playlist.

    b.b. Escriba la URL del vídeo.Enter the Video URL for the video.

    c.c. Agregue un hipervínculo al título y al subtítulo, de modo que sus compañeros puedan ver la lista de reproducción completa en YouTube después de ver el vídeo insertado.Add a hyperlink for the Title and Subtitle, so that your colleagues can view the entire playlist on YouTube after they watch the embedded video. Para ello, en Funcionalidad, seleccione Establecer vínculo personalizado y escriba la URL de la lista de reproducción.To do so, under Functionality, select Set custom link, and then enter the URL for the playlist.

    d.d. Seleccione Aplicar.Select Apply.

    Ventana Agregar icono de vídeo

  3. En el panel, cambie el tamaño del vídeo y muévalo según sea necesario.On the dashboard, resize and move the video tile as needed.

    Panel con el icono de vídeo agregado

  4. Seleccione el icono de vídeo para reproducir el vídeo.Select the video tile to play the video.

  5. Seleccione el subtítulo para visitar la lista de reproducción en YouTube.Select the subtitle to visit the playlist on YouTube.

Agregar datos de transmisiónAdd streaming data

Puede usar PubNub para agregar datos de streaming, como fuentes de Twitter o datos de sensores, a un icono en el panel.You can use PubNub to add streaming data, such as Twitter feeds or sensor data, to a tile in your dashboard. Power BI ha creado una integración para obtener los datos de PubNub.Power BI has created an integration to get the data from PubNub. Aquí se explica cómo funciona.Here, Will explains how it works.

  1. En la ventana Agregar icono, seleccione Datos de transmisión personalizados > Siguiente.From the Add tile window, select Custom Streaming Data > Next.

  2. Seleccione Agregar conjunto de datos de streaming.Select Add streaming dataset.

  3. Cree un Nuevo conjunto de datos de transmisión con la API de Power BI o PubNub.Create a New streaming dataset using the Power BI API or PubNub.

  4. Rellene los campos correspondientes a Nombre del conjunto de datos, Clave de suscripción y Nombre del canal.Fill in the fields for Dataset name, Subscription key, and Channel name. Si se trata de una conexión segura, también tiene una clave de autorización.If it's a secure connection, it also has an authorization key. Puede usar los valores de ejemplo de PubNub para probarlo.You can use the sample values from PubNub to try it out.

  5. Seleccione Siguiente.Select Next. Verá los campos que están disponibles en el conjunto de datos, con sus tipos de datos y formato JSON.You see the fields that are available in the dataset, with their data types and JSON format.

  6. Seleccione Conectar.Select Connect. Ha creado un conjunto de datos de streaming.You have created a streaming dataset.

  7. Vuelva al panel y seleccione de nuevo Agregar icono > Datos de transmisión personalizados > Siguiente.Go back to the dashboard and again select Add tile > Custom Streaming Data > Next.

  8. Seleccione el conjunto de datos de sensor que ha creado > Siguiente.Select the sensor data dataset you created > Next.

  9. Seleccione el tipo de objeto visual que quiera.Select the visual type you want. A menudo, un gráfico de líneas funciona bien con estos datos.Often a line chart works well for this data.

  10. Seleccione el eje, la leyenda y los valores.Select the Axis, Legend, and Values.

  11. Decida el período de tiempo que quiera mostrar, ya sea en segundos, minutos u horas.Decide the amount of time you want to display, either in seconds, minutes, or hours.

  12. Seleccione Siguiente.Select Next.

  13. Si quiere, asígnele un título y un subtítulo.Give it a Title and Subtitle, if you want.

  14. Ánclelo al panel.Pin it to your dashboard.

  15. En la ventana Agregar icono, seleccione Datos de transmisión personalizados > Siguiente.From the Add tile window, select Custom Streaming Data > Next.

  16. Seleccione Agregar conjunto de datos de streaming.Select Add streaming dataset.

  17. Cree un Nuevo conjunto de datos de transmisión con la API de Power BI o PubNub.Create a New streaming dataset using the Power BI API or PubNub.

  18. Rellene los campos correspondientes a Nombre del conjunto de datos, Clave de suscripción y Nombre del canal.Fill in the fields for Dataset name, Subscription key, and Channel name. Si se trata de una conexión segura, también tiene una clave de autorización.If it's a secure connection, it also has an authorization key. Puede usar los valores de ejemplo de PubNub para probarlo.You can use the sample values from PubNub to try it out.

  19. Seleccione Siguiente.Select Next.

    Verá los campos que están disponibles en el conjunto de datos, con sus tipos de datos y formato JSON.You see the fields that are available in the dataset, with their data types and JSON format.

  20. Seleccione Conectar.Select Connect.

    Ha creado un conjunto de datos de streaming.You've created a streaming dataset.

  21. Vuelva al panel y seleccione de nuevo Agregar icono > Datos de transmisión personalizados > Siguiente.Go back to the dashboard and again select Add tile > Custom Streaming Data > Next.

  22. Seleccione el conjunto de datos de sensor que ha creado > Siguiente.Select the sensor data dataset you created > Next.

  23. Seleccione el tipo de objeto visual que quiera.Select the visual type you want. A menudo, un gráfico de líneas funciona bien con estos datos.Often a line chart works well for this data.

  24. Seleccione el eje, la leyenda y los valores.Select the Axis, Legend, and Values.

  25. Decida el período de tiempo que quiera mostrar, ya sea en segundos, minutos u horas.Decide the amount of time you want to display, either in seconds, minutes, or hours.

  26. Seleccione Siguiente.Select Next.

  27. Si quiere, asígnele un título y un subtítulo.Optionally, give it a Title and Subtitle.

  28. Ánclelo al panel.Pin it to your dashboard.

Agregar contenido webAdd web content

Puede pegar o escribir cualquier contenido HTML, como un icono, en el informe o el panel.You can paste or type in any HTML content, as a tile, to your report or dashboard. Escriba el código para insertar manualmente o cópielo y péguelo desde sitios como Twitter, YouTube, embed.ly, etc.Enter the embed code manually or copy/paste from sites such as Twitter, YouTube, embed.ly, and so on.

  1. En la ventana Agregar icono, seleccione Contenido web > Siguiente.From the Add tile window, select Web content > Next.

  2. Agregue información a la ventana Agregar icono de contenido web:Add information to the Add web content tile window:

    a.a. Para mostrar un título sobre el icono, seleccione Mostrar el título y el subtítulo y escriba un título y, si quiere, un subtítulo.To display a title above the tile, select Display title and subtitle and enter a Title and an optional Subtitle.

    b.b. Escriba el código para insertar.Enter the embed code. En este ejemplo, vamos a copiar y pegar una fuente de Twitter.In this example, we're copying and pasting a Twitter feed.

    c.c. Seleccione Aplicar.Select Apply.

    Ventana Agregar icono de contenido web

  3. En el panel, cambie el tamaño del icono de contenido web y muévalo según sea necesario.On the dashboard, resize and move the web content tile as needed.

    Panel con cuatro iconos

Sugerencias para insertar contenido webTips for embedding web content

  • Para iframes, use un origen seguro.For iframes, use a secure source. Si escribe el código para insertar del iframe y obtiene un icono en blanco, compruebe que no esté usando http para el origen del iframe.If you enter your iframe embed code and get a blank tile, verify you're not using http for the iframe source. Si lo está usando, cámbielo por https.If you are, change it to https.

    <iframe src="https://xyz.com">
    
  • Edite la información de ancho y alto.Edit width and height information. El código para insertar inserta un vídeo y establece el reproductor de vídeo en 560 × 315 píxeles.The embed code embeds a video and sets the video player to 560 x 315 pixels. Este tamaño no cambia al modificar el tamaño del icono.This size doesn't change as you resize the tile.

    <iframe width="560" height="315"
    src="https://www.youtube.com/embed/Cle_rKBpZ28" frameborder="0"
    allowfullscreen></iframe>
    

    Si quiere que el reproductor cambie de tamaño para ajustarse al tamaño del icono, establezca el ancho y el alto en el 100 %.If you'd like the player to resize to fit the tile size, set the width and height to 100%.

    <iframe width="100%" height="100%"
    src="https://www.youtube.com/embed/Cle_rKBpZ28" frameborder="0"
    allowfullscreen></iframe>
    
  • Este código inserta un tweet y conserva, como vínculos independientes en el panel, los vínculos del podcast de AFK, la página de Twitter de @GuyInACube, Seguir, #analytics, responder, retwittear y me gusta.This code embeds a tweet and retains, as separate links on the dashboard, links for the AFK podcast, @GuyInACube's Twitter page, Follow, #analytics, reply, retweet, and like. Al seleccionar el icono, se abrirá el podcast en Twitter.Selecting the tile itself takes you to the podcast on Twitter.

    <blockquote class="twitter-tweet" data-partner="tweetdeck">
    <p lang="en" dir="ltr">Listen to
    <a href="https://twitter.com/GuyInACube">@GuyInACube</a> talk to
    us about making videos about Microsoft Business Intelligence
    platform
    <a href="https://t.co/TmRgalz7tv">https://t.co/TmRgalz7tv </a>
    <a href="https://twitter.com/hashtag/analytics?src=hash">
    #analytics</a></p>&mdash; AFTK Podcast (@aftkpodcast) <a
    href="https://twitter.com/aftkpodcast/status/693465456531771392">
    January 30, 2016</a></blockquote> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
    

Editar un mosaicoEdit a tile

Para realizar cambios en un icono existente:To make changes to an existing tile:

  1. Mueva el puntero sobre la esquina superior derecha del icono y seleccione Más opciones (...).Hover over the top-right corner of the tile and select More options (...).

    Selección de botón de puntos suspensivos de icono

  2. Seleccione Editar detalles para mostrar la ventana Detalles del icono y realizar cambios.Select Edit details to display the Tile details window and make changes.

    Editar detalles

Consideraciones y solución de problemasConsiderations and troubleshooting

  • Para que le resulte más fácil mover el icono en el panel, agregue un título y, si quiere, un subtítulo.To make it easier to move the tile on your dashboard, add a title and an optional subtitle.
  • Si quiere insertar contenido de un sitio web, pero este no proporciona código para insertar que se pueda copiar y pegar, vaya a embed.ly para generar el código para insertar más fácilmente.If you'd like to embed content from a website, but the website doesn't provide embed code to copy and paste, see embed.ly for help with generating the embed code.
  • Asegúrese de que no se necesitan credenciales de seguridad para acceder al archivo de imagen.Make sure security credentials aren't required to access the image file. Por ejemplo, ya que OneDrive y SharePoint requieren autenticación, las imágenes almacenadas allí no se pueden agregar a un panel de esta manera.For example, because OneDrive and SharePoint require authentication, images stored there can't be added to a dashboard this way.

Pasos siguientesNext steps

Introducción a los iconos del panel para los diseñadores de Power BIIntro to dashboard tiles for Power BI designers

¿Tiene más preguntas?More questions? Pruebe la comunidad de Power BI.Try the Power BI Community.