Beispiel: Erstellen eines E-Mail-Berichts mit einer eingebetteten HTML-Vorlage

In diesem Beispiel erstellen und versenden Sie einen Bericht, indem Sie eine HTML-Berichtsvorlage direkt in eine E-Mail-Nachricht einbetten.

Voraussetzungen

• Für den Qlik Cloud Mandanten konfigurierter E-Mail-Anbieter. Siehe: Konfigurieren von E-Mails für Berichte und Benachrichtigungen

• Die Sicherheitsrolle Private Analytics Content Creator oder eine ausreichende Bereichsrolle für die Entwicklung von Berichten in einem freigegebenen Bereich. Siehe: Berechtigungen

Schritt 1: Beispielquellen hochladen

Sehen Sie sich die Quellen der Beispiel-App hier an: Beispielmaterialien – In-App-Berichte. Laden Sie die App und die Datendateien in einen Bereich hoch und laden Sie dann die App neu. Sie sind bereit, das Beispiel fertigzustellen.

Schritt 2: Die Vorlage entwickeln

Neue Vorlage erstellen

Tabellarische Daten hinzufügen

Fügen Sie der Vorlage dann tabellarische Daten hinzu.

Gehen Sie folgendermaßen vor:

1. Klicken Sie im Objektfenster auf .

2. Klicken Sie auf Tabelle hinzufügen. Eine Liste der verfügbaren Arbeitsblätter wird angezeigt.

3. Erweitern Sie das Arbeitsblatt Sales Tables.

4. Klicken Sie auf das Symbol neben dem Diagramm Yearly Regional Sales.

5. Wählen Sie im Dropdown-Menü Einzelne Spalten aus.

6. Wählen Sie unter Hinzuzufügende Spalten auswählen die Option Alle aus. Klicken Sie auf Hinzufügen.

   Das Diagramm wird der Vorlage als Tabellenstruktur hinzugefügt.

7. Wählen Sie die neue Tabelle aus und ändern Sie die folgenden Eigenschaften für die Tabelle im Objektfenster:

   • Deaktivieren Sie unter Tabelleneinstellungen die Option Quellformate beibehalten.

   • Schalten Sie Kopfzeilen anzeigen auf Ausblenden um.

8. Fügen Sie in der Tabelle eine neue Zeile oberhalb der bestehenden Zeilendefinition hinzu. Fügen Sie eine neue Zeile unterhalb der Zeile mit <tbody><tr> ein. Fügen Sie Folgendes ein:

   <th>Order year</th>
   <th>Region</th>
   <th>Sales</th>
   </tr>
   <tr>

Die Tabelle gestalten

Als Nächstes gestalten Sie die Tabellenelemente, indem Sie Stildefinitionen in HTML head und Inline-Formatierung in der table-Struktur selbst hinzufügen.

Gehen Sie folgendermaßen vor:

1. Fügen Sie eine neue Zeile unter der title-Definition für die Vorlage hinzu.

2. Fügen Sie Folgendes ein:

   <style>html { font-family: sans-serif }
   table { border: 2px solid #000000 }
   tr, th, td { border: 1px solid #000000 }
   th { font-size: large }
   td { font-size: medium }</style>

3. Suchen Sie die Zeile in der table-Struktur, in der die Daten definiert sind. Das Ergebnis sollte so aussehen:

   <td>%%OrderYear%%</td><td>%%Region%%</td><td>%%Sales%%</td>

4. Fügen Sie style="text-align: center" zum öffnenden Tag des ersten td-Elements hinzu. Die gesamte Zeile sollte nun wie folgt aussehen:

   <td style="text-align: center">%%OrderYear%%</td><td>%%Region%%</td><td>%%Sales%%</td>

   Dadurch wird der Text in der ersten Spalte zentriert ausgerichtet.

Hinzufügen eines dynamischen Titels

Als Nächstes erstellen Sie eine Formel, um die Berechnung des Jahresbereichs für Ihre Umsätze zu speichern. Fügen Sie diese Formel dann in den Titel des Berichts ein, so dass er als Betreff der E-Mail eingebettet wird.

Gehen Sie folgendermaßen vor:

1. Klicken Sie im Objektfenster auf .

2. Klicken Sie auf Neue Formel.

3. Geben Sie in das Feld Name den Namen YearRange ein.

4. Fügen Sie im Feld Formel die folgende Formel ein:

   = min(OrderYear)& ' - ' & max(OrderYear)

5. Klicken Sie auf Erstellen.

6. Suchen Sie auf der Designoberfläche das Element title. Ersetzen Sie die gesamte Zeile durch die folgende:

   <title>Sales Report: </title>

7. In der Zeile, die Sie gerade eingefügt haben, setzen Sie den Cursor hinter Sales Report: .

8. Klicken Sie im Objektfenster auf Formel-Tag hinzufügen.

9. Die Zeile sollte nun lauten:

   <title>Sales Report: %YearRange%%</title>

Einleitungs- und Schlusssätze hinzufügen

Fügen Sie dann eine Begrüßung und Einleitungssätze hinzu und beenden Sie den Bericht mit abschließenden Sätzen.

Gehen Sie folgendermaßen vor:

1. Fügen Sie eine neue Zeile unter dem öffnenden body-Tag ein.

2. Fügen Sie Folgendes ein:

       <p>Hello,</p>
       <p>The table below outlines regional sales details for the requested years.</p>
   

3. Fügen Sie eine neue Zeile unterhalb der Zeile mit dem schließenden Tag für die Tabelle hinzu.

4. Fügen Sie Folgendes ein:

       <p>Regards,</p>
       <p>- Management</p>

Speichern und Abschließen Ihrer Arbeit

Klicken Sie auf Vorlage speichern, um Ihre Arbeit zu speichern. Der fertige Vorlagencode sollte wie folgt aussehen.

<html><head>
  <title>Sales Report: %%YearRange%%</title>
<style>html { font-family: sans-serif }
table { border: 2px solid #000000 }
tr, th, td { border: 1px solid #000000 }
th { font-size: large }
td { font-size: medium }</style>
  </head>
  <body>
    <p>Hello,</p>
    <p>The table below outlines regional sales details for the requested years.</p>
    <table cellspacing="0" style="border-collapse: collapse">
    <tbody><tr>
      <th>Order year</th>
      <th>Region</th>
      <th>Sales</th>
      </tr>
      <tr>
      <td style="text-align: center">%%OrderYear%%</td><td>%%Region%%</td><td>%%Sales%%</td></tr>
    </tbody></table>
    <p>Regards,</p>
    <p>- Management</p>
</body></html>

Schritt 3: Eine Verteilerliste hinzufügen

Fügen Sie im Abschnitt Berichte der App eine Verteilerlistendatei auf der Registerkarte Empfänger oder Gruppen hinzu. Stellen Sie sicher, dass Sie per E-Mail als Empfänger hinzugefügt wurden und dass die Verteilerliste keine Filter oder Gruppen enthält.

Informationen zum Konfigurieren der Verteilerliste für eine App finden Sie unter Erstellen einer Verteilerliste für Ihren Bericht.

Schritt 4: Eine Berichtsaufgabe erstellen

Gehen Sie folgendermaßen vor:

1. Öffnen Sie die Registerkarte Berichtsaufgaben im Abschnitt Berichterstellung der App.

2. Klicken Sie auf Berichtsaufgabe erstellen. Das Dialogfeld „Berichtsaufgabe“ wird geöffnet.

3. Geben Sie einen Titel für Ihre Berichtsaufgabe ein.

4. Fügen Sie optional eine Beschreibung hinzu.

   Klicken Sie auf der Registerkarte Vorlage des Dialogfelds auf Vorhandene Vorlage hinzufügen. Wählen Sie die Vorlage aus, die Sie oben entwickelt haben.

5. Klicken Sie auf Weiter. Die Registerkarte Ausgabe wird geöffnet.

6. Geben Sie auf der Registerkarte Ausgabe des Dialogfelds einen Dateinamen für die Berichtsausgabe ein.

7. Klicken Sie auf Weiter, um zur Registerkarte Verteilen des Dialogfelds zu wechseln.

8. Fügen Sie sich selbst als Empfänger der Berichtsausgabe hinzu.

9. Wählen Sie unter E-Mail die Option HTML-Bericht aus. Dadurch wird der Bericht in die E-Mail-Nachricht eingebettet, anstatt ihn als Datei anzuhängen.

10. Klicken Sie auf Weiter, um zur Registerkarte Zeitplan des Dialogfelds zu wechseln.

11. Wählen Sie die Standardeinstellungen für die Planung aus und klicken Sie auf Speichern.

Schritt 5: Den Bericht senden

Gehen Sie folgendermaßen vor:

1. Bleiben Sie auf der Registerkarte Berichtsaufgaben im Abschnitt Berichterstellung der App.

2. Klicken Sie auf neben der neuen Berichtsaufgabe.

3. Klicken Sie auf Jetzt senden.

Wenn die E-Mail ankommt, öffnen Sie sie, um das Ergebnis zu sehen.