{"id":1340,"date":"2023-06-19T16:05:26","date_gmt":"2023-06-19T14:05:26","guid":{"rendered":"https:\/\/data4success.de\/?p=1274"},"modified":"2024-05-27T06:48:36","modified_gmt":"2024-05-27T05:48:36","slug":"power-bi-how-to-dynamically-display-a-web-page-within-power-bi-with-html5-visual","status":"publish","type":"post","link":"https:\/\/data4success.de\/en\/power-bi-how-to-dynamically-display-a-web-page-within-power-bi-with-html5-visual\/","title":{"rendered":"Power BI: How to display a web page dynamically within Power BI using HTML5 Visual?"},"content":{"rendered":"\r\n<p>Power BI bietet zahlreiche M\u00f6glichkeiten, um Daten zu visualisieren und zu analysieren. Doch wussten Sie, dass Sie auch eine Webseite innerhalb von Power BI dynamisch anzeigen k\u00f6nnen? Mit Hilfe des HTML5 Visuals und eines iFrames k\u00f6nnen Sie externe Webseiten nahtlos in Ihren Bericht integrieren und sie mit Ihren Daten verkn\u00fcpfen. In diesem Blogbeitrag zeigen wir Ihnen, wie Sie eine Webseite innerhalb von Power BI dynamisch anzeigen k\u00f6nnen.<\/p>\r\n\r\n\r\n\r\n<p><strong>Schritt 1: <\/strong>Einbinden des HTML5 Visuals: \u00d6ffnen Sie Ihren Power BI-Bericht und wechseln Sie zur Registerkarte &#8222;Start&#8220;. Laden Sie das &#8222;HTML5&#8220;-Visual herunter. Klicken Sie auf das &#8222;HTML5&#8220;-Visual in der Visualisierungssymbolleiste, um ein leeres HTML5-Visual in Ihren Bericht einzuf\u00fcgen.<\/p>\r\n\r\n\r\n\r\n<p><strong>Schritt 2:<\/strong> Erstellen eines Ma\u00dfes (Measures): Um die URL des iFrames dynamisch anzupassen, erstellen Sie ein Ma\u00df (Measure), das den gew\u00fcnschten URL-Wert zur\u00fcckgibt. Verwenden Sie DAX-Funktionen oder Power Query, um das Ma\u00df zu definieren. Beispielweise k\u00f6nnten Sie ein Ma\u00df mit dem Namen &#8222;Website URL&#8220; erstellen und die entsprechende URL basierend auf Ihren Daten zur\u00fcckgeben.<\/p>\r\n\r\n\r\n\r\n<p><strong>Schritt 3:<\/strong> Dynamische Anpassung der URL: Bearbeiten Sie den eingef\u00fcgten Code, um das Ma\u00df f\u00fcr die URL einzuf\u00fcgen. Zum Beispiel:<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-code\"><code>Website URL = &lt;iframe src='[Website URL]' width=\"100%\" height=\"100%\"&gt;&lt;\/iframe&gt;\r\n<\/code><\/pre>\r\n\r\n\r\n\r\n<p>Das Ma\u00df &#8222;[Website URL]&#8220; wird dynamisch durch den URL-Wert ersetzt, der in Ihrem Ma\u00df definiert ist.<\/p>\r\n\r\n\r\n\r\n<p><strong>Schritt 4:<\/strong> Anpassung und Formatierung: Passen Sie das HTML5 Visual und das iFrame nach Ihren Vorlieben an, indem Sie die Gr\u00f6\u00dfe, Position, Rahmen und Hintergrundfarben anpassen. Sie k\u00f6nnen auch weitere Elemente oder Texte hinzuf\u00fcgen, um die Webseite innerhalb des Berichts kontextualisiert darzustellen.<\/p>\r\n\r\n\r\n\r\n<p><strong>Schritt 5:<\/strong> \u00dcberpr\u00fcfung und Ver\u00f6ffentlichung: \u00dcberpr\u00fcfen Sie Ihre Arbeit, indem Sie den Bericht in der Vorschau anzeigen. Stellen Sie sicher, dass die Webseite korrekt geladen wird und die dynamischen Anpassungen wie erwartet funktionieren. Speichern Sie den Bericht und ver\u00f6ffentlichen Sie ihn in Ihrer Power BI-Umgebung, damit andere Benutzer von der dynamischen Webseite-Anzeige profitieren k\u00f6nnen.<\/p>\r\n\r\n\r\n\r\n<p><strong>Fazit:<\/strong><br \/>Die M\u00f6glichkeit, eine Website innerhalb von Power BI dynamisch anzuzeigen, er\u00f6ffnet neue Perspektiven bei der Pr\u00e4sentation von Daten und Informationen.<\/p>\r\n\r\n\r\n<div class=\"taxonomy-post_tag wp-block-post-terms\"><a href=\"https:\/\/data4success.de\/en\/tag\/dax-function\/\" rel=\"tag\">DAX-Function<\/a><span class=\"wp-block-post-terms__separator\">, <\/span><a href=\"https:\/\/data4success.de\/en\/tag\/html5-visual\/\" rel=\"tag\">HTML5 Visual<\/a><span class=\"wp-block-post-terms__separator\">, <\/span><a href=\"https:\/\/data4success.de\/en\/tag\/iframe\/\" rel=\"tag\">iFrame<\/a><span class=\"wp-block-post-terms__separator\">, <\/span><a href=\"https:\/\/data4success.de\/en\/tag\/power-bi\/\" rel=\"tag\">Power BI<\/a><span class=\"wp-block-post-terms__separator\">, <\/span><a href=\"https:\/\/data4success.de\/en\/tag\/website-url\/\" rel=\"tag\">Website-URL<\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>Power BI bietet zahlreiche M\u00f6glichkeiten, um Daten zu visualisieren und zu analysieren. Doch wussten Sie, dass Sie auch eine Webseite innerhalb von Power BI dynamisch anzeigen k\u00f6nnen? Mit Hilfe des HTML5 Visuals und eines iFrames k\u00f6nnen Sie externe Webseiten nahtlos in Ihren Bericht integrieren und sie mit Ihren Daten verkn\u00fcpfen. In diesem Blogbeitrag zeigen wir [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":1406,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[20,21,22,18,23],"class_list":["post-1340","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-allgemein","tag-dax-function","tag-html5-visual","tag-iframe","tag-power-bi","tag-website-url"],"_links":{"self":[{"href":"https:\/\/data4success.de\/en\/wp-json\/wp\/v2\/posts\/1340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/data4success.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/data4success.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/data4success.de\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/data4success.de\/en\/wp-json\/wp\/v2\/comments?post=1340"}],"version-history":[{"count":1,"href":"https:\/\/data4success.de\/en\/wp-json\/wp\/v2\/posts\/1340\/revisions"}],"predecessor-version":[{"id":2463,"href":"https:\/\/data4success.de\/en\/wp-json\/wp\/v2\/posts\/1340\/revisions\/2463"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/data4success.de\/en\/wp-json\/wp\/v2\/media\/1406"}],"wp:attachment":[{"href":"https:\/\/data4success.de\/en\/wp-json\/wp\/v2\/media?parent=1340"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/data4success.de\/en\/wp-json\/wp\/v2\/categories?post=1340"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/data4success.de\/en\/wp-json\/wp\/v2\/tags?post=1340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}