Wyobraź sobie, że Twój klient zamiast prosić o kolejny cykliczny raport e-mailem, może samodzielnie wejść w panel klienta na Twojej stronie internetowej i zobaczyć interaktywny dashboard dopasowany prosto pod niego. Wszystko to bez wysyłania plików Excel i logowania do skomplikowanych ekosystemów analitycznych.

W dzisiejszym świecie firm B2B i inżynierii przepływu danych udostępnianie surowych linków mija się z celem. O wiele lepsze wrażenie na inwestorach, kontrahentach lub partnerach wywiera bezpośrednia integracja pełnoprawnego Business Intelligence bezpośrednio w produkcie (ang. "Embedded Analytics"). I właśnie do tego służy potężna opcja osadzania w chmurowym Looker Studio (dawniej Google Data Studio).

Czym jest osadzanie przez iFrame w Looker Studio?

Mechanizm *"Embed Report"* (osadź raport) pozwala na wygenerowanie specjalnego fragmentu kodu HTML, tzw. tagu <iframe>, który niczym "okno" wyświetla w pełni grywalny raport analityczny na innej stronie www.

  • White-labeling: Tworzysz środowisko, w którym klient czuje się, jakby analityka była wbudowaną częścią Twojej własnej platformy bez logo Google.
  • Centralny Portal: Zamiast wysyłać pracownikom na Slacku co rano wykaz linków do wyników sprzedaży, po prostu budujesz mały firmowy Intranet HTML i osadzasz poszczególne wykresy na jednej centralnej stronie.
  • Brak potrzeby zakładania kont Google: Użytkownicy z odpowiednio ustawionym wariantem udostępniania nie muszą mieć kont Google z G-Suite, aby w pełni widzieć dane!
"Wdrożenie osadzania dashboardów dla jednej z platform B2B drastycznie skróciło cykle wymiany informacji. Zapytania od partnerów o to 'jaki jest status' spadły o 85%, co zaowocowało oszczędnością kilkudziesięciu roboczogodzin w skali pionu obsługi."

Jak wygenerować kod osadzania? Krok po Kroku

Korki do wygenerowania kodu wcale nie są abstrakcyjne i nie uświadczysz tu twardego pisania w Pythonie. Środowisko Google zadbało o maksymalne skrócenie dystansu dla biznesu.

  1. Zaloguj się do swojego Looker Studio i wejdź do trybu edycji wybranego raportu poprzez kliknięcie "Edytuj" w prawym górnym rogu.
  2. Rozwiń menu "Udostępnianie" (znajdziesz je tuż obok opcji zapisywania w formie przycisku lub klikając `Plik > Osadź raport`).
  3. Zaznacz opcję "Włącz umieszczanie". Zobaczysz dwie ścieżki: "Odsadź kod" lub po prostu "Odsadź adres URL".
  4. Skopiuj podany obok fragment z tagiem iframe! Zawiera on szerokość i wysokość raportu podaną w pikselach (np. `width="800" height="600"`), ale my w profesjonalnym ujęciu zastąpimy je wartościami responsywnymi (np. `width="100%"`), by analityka pięknie zwijała się na telefonach i telewizorach biurowych.

Przykładowa implementacja HTML / CSS

Aby uwiarygodnić ten artykuł i pomóc programistom wdrażającym środowisko BI, poniżej przedstawiam najczystszą formę na osadzenie skalowalnego pulpitu:

<div class="bi-container" style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
   <iframe 
      src="https://lookerstudio.google.com/embed/reporting/TWOJ-ID-RAPORTU/page/1M" 
      frameborder="0" 
      style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" 
      allowfullscreen 
      sandbox="allow-storage-access-by-user-activation allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox">
   </iframe>
</div>

Wnioski końcowe i Kwestie Bezpieczeństwa

Pamiętaj tylko o jednej fundamentalnej zasadzie inżynierii bezpieczeństwa: widoczność i możliwości osadzonego raportu **są zawsze oparte o polityki udostępniania na poziomie samego pliku w Google Looker Studio**. Jeśli Twoje ustawienia wymagają by dana osoba miała założone konto firmowe w domenie, iframe zawoła ją o logowanie w malutkim boksie po osadzeniu. Jeśli udostępnisz go jako "Każda osoba mająca link może wyświetlać" – pulpit po prostu się pojawi dla wszystkich. To Ty projektujesz klamrę bezpieczeństwa, a osadzanie to tylko nakładka estetyczna minimalizująca koszty wizualne!

Wdrożyliśmy te zasady w firmie X zapewniając ich kontrahentom wgląd live na stany operacyjne bez zdradzania całości marż dzięki hybrydzie z BigQuery. Koszty spadły o dobre 40%. Nie twórz koła na nowo kupując korporacyjne rozwiązania Power BI z barierą wejścia rzędu setek tysięcy złotych – zacznij od prostej integracji, by wnieść olbrzymią realną wartość do swojego układu B2B.