Was ist der Content Builder?
Der Content Builder ist ein leistungsstarkes Werkzeug zur Anpassung von Projektbeschreibungen. Es bietet eine flexible Möglichkeit, interaktive Seiten zu erstellen, indem es Texte, Bilder, Multimedia und Einbettungen von Drittanbietern kombiniert.
Mit dem Content Builder können Sie:
Erstelle Rich-Layouts mit Abschnitten und Spalten
Multimedia-Elemente wie Videos, Präsentationen und Dokumente hinzufügen
Umfragen und Formulare für die Interaktion des Publikums einbetten
Arbeiten Sie an Dokumenten zusammen oder teilen Sie Updates direkt in der Projektbeschreibung
Text, Bilder hinzufügen und Inhalte einbinden
Umfragen, Folien oder News-Updates vor oder während des Engagements einbeziehen
Buttons zur Verknüpfung zwischen Projekten oder Phasen erstellen
Fügen Sie einen HTML-Block hinzu, um benutzerdefinierten HTML-Code direkt in Ihre Projektseite einzubetten
Sie können Widgets wie Spalten verwenden, um Ihre Seite kreativ (e. . Hinzufügen von Inhalten in der Mitte, Hinzufügen eines Bildes auf der rechten Seite, ...)
Wie finde ich den Content Builder?
Für Projekte
Bewegen Sie den Mauszeiger über die Vorschau der Projektseite
Klicken Sie auf „Seiteninhalt bearbeiten“
Klicken Sie auf „Seite anzeigen“, um das Live-Layout auf dem Desktop zu sehen (die Vorschau im Backoffice ist schmaler).
Für Ordner
Gehen Sie in den hinteren Bereich Ihres Ordners.
Klicken Sie auf die Registerkarte „Einstellungen “.
Klicken Sie unter „Ordnerbeschreibung“ im Content Builder auf „Beschreibung bearbeiten“
Wie kann ich die verschiedenen Widgets verwenden?
Den Content-Builder-Editor öffnen
Suchen Sie das linke Menü mit drei Kategorien: Abschnitte, Layout und Inhalt
Ziehen Sie beliebige Elemente (z. B. Sektion, Layout-Block) auf die Leinwand in der Mitte des Bildschirms
Klicken Sie auf einen Block, um den Text, das Bild oder die Einstellungen zu bearbeiten; der Editor erscheint auf der rechten Seite des Bildschirms
Blöcke nach Bedarf neu anordnen oder löschen
Um einen Block zu löschen, bewegen Sie den Mauszeiger auf der Arbeitsfläche über den Block und klicken Sie auf das Löschsymbol direkt auf dem Block; im Einstellungsbereich auf der rechten Seite gibt es keine Löschoption.
Phasen hinzufügen und zusätzliche Erhebungen hinzufügen
Widget „Phasen“
Das Widget „Phasen“ wird standardmäßig zu Ihrer Projektseite hinzugefügt – seine Position lässt sich mithilfe der Drag-and-Drop-Funktion des Content-Builders verschieben, und es kann gelöscht werden. Der Name der jeweiligen Phase wird automatisch angezeigt; die Phase, die derzeit aktiv ist, wird grün hervorgehoben, und falls für diese Phase eine Mitwirkungsmöglichkeit besteht (Umfrage, Idee einreichen usw.), wird zudem die Schaltfläche zum Einreichen eines Beitrags angezeigt.
Sie können jederzeit die „Teilnahme-Box“ verwenden, in der sich die Teilnahme-Schaltfläche befindet, um eine weitere Teilnahme-Schaltfläche weiter oben auf der Projektseite einzufügen.
Widget „Zusätzliche Umfragen“ (parallele Umfragen)
Wenn Sie eine Umfrage dauerhaft aktiv haben möchten, die nicht an eine bestimmte Phase gebunden ist, können Sie in Ihrem Projekt zusätzliche Umfragen anlegen. Und damit diese auf der Projektseite angezeigt werden, müssen Sie das Widget „Extra Surveys“ im Projekt-Content-Builder hinzufügen.
Sie können festlegen, an welcher Stelle diese zusätzliche Umfrage auf der Projektseite angezeigt wird, indem Sie dieses Widget per Drag & Drop an eine beliebige Stelle im Content Builder verschieben.
ℹ️ Informationen zur Erstellung einer Umfrage finden Sie unter „Erstellen einer plattforminternen Umfrage“.
Einbettung im Content Builder
Unterstützte Einbetttypen
Content Builder unterstützt eine breite Palette von eingebetteten Inhalten.
Umfragen: Typeform, SurveyMonkey, Qualtrics und andere. Kopieren Sie den Standard-Teilen-Link und fügen Sie ihn in das Einbett-Feld ein.
Dokumente: Google Docs/Sheets/Slides, PDFs und Microsoft Office-Dateien über OneDrive werden unterstützt. Entpacken Sie die URL bei Bedarf aus dem Einbett-Code.
Karten: Google Maps und ArcGIS Links müssen den Einbett-Code aufräumen um nur die https URL zu behalten.
Datenvisualisierungen: Tableau und Google Data Studio Einbettungen erfordern das Extrahieren und leicht modifizieren der iframe-URL.
Social Posts: Facebook und Eventbrite werden unterstützt; Twitter und Instagram werden nicht unterstützt.
Videos: YouTube, Vimeo, Dailymotion, Wistia und Dreambroker (mit spezieller URL-Bearbeitung) werden unterstützt.
Wie kann ich die Werkzeuge von Drittanbietern einbinden?
Klicken Sie auf die <Embed> Option im linken Menü
Holen Sie sich die Einbett-URL von Ihrem Drittanbieter
Fügen Sie die URL in das Einbett-Feld im Content-Builder ein
i Embedded Links können auf Desktop- und mobilen Geräten unterschiedlich erscheinen. Verwenden Sie die Option Höhenkonfiguration, um eine korrekte Anzeige auf allen Geräten zu gewährleisten.
⚠️ Testen Sie immer die Einbettungen durch Öffnen eines Inkognito-Browserfensters, um sicherzustellen, dass der Link öffentlich funktioniert.
Einbett-URLs bearbeiten
Viele Einbett-Links müssen vor dem Gebrauch gekürzt werden.
Wie man eingebettete Links bereinigt:
Kopieren Sie den langen Iframe Code.
Alles vor
https://löschen.Alles nach der URL löschen (z.B.
Breite=oderframeborder=).
Beispiel für YouTube unten:
Presse Aktie
Presse einbetten
Sie erhalten einen Link, der wie folgt aussieht:
<iframe width="560" height="315" src="<https://www.youtube.com/embed/abc12>" …>Kopieren Sie nur den https-Link:
https://www.youtube.com/embed/abc123
PDFs einbetten
Wählen Sie das Widget Dateianhang, um eine Datei in das Projekt hochzuladen.
⚠️ 360 input wird in einem neuen Fenster geöffnet, speichern Sie Ihr Projekt vorher ab.
Kehren Sie zum Projekt zurück und wählen Sie im Widget für Dateianhänge die Datei, die Sie einbetten möchten.
Speichern
Klicken Sie im Front Office mit der rechten Maustaste auf die angehängte Datei und wählen Sie „Link in neuem Tab öffnen“ aus.
Kopieren Sie die URL in die neue Registerkarte
Kehren Sie zum Content Builder zurück und wählen Sie das Widget „Einbetten“ aus. Geben Sie im Feld „Website-Adresse“ die URL aus der Registerkarte „Dateianhänge“ ein.
Wenn Sie nicht möchten, dass die angehängte Datei in der Projektbeschreibung sichtbar ist:
Erstellen Sie ein neues Projekt und verbergen Sie es, indem Sie die Zugriffsrechte auf Nicht aufgelistet setzen
Hängen Sie die PDFs, die Sie in andere Projekte einbetten möchten, an dieses Projekt an.
Folgen Sie den obigen Anweisungen zum Einbetten der PDFs
Hinzufügen von benutzerdefiniertem HTML mit dem HTML-Block
Mit dem HTML-Block können Sie Ihren eigenen HTML-Code direkt in die Beschreibung eines Projekts oder Ordners einfügen. Verwenden Sie diese Funktion, wenn die Standard-Widgets nicht das gewünschte Ergebnis liefern – sei es eine formatierte Tabelle, eine Definitionsliste oder Markup-Code, den Sie bereits aus einer anderen Quelle haben.
ℹ️ Der HTML-Block muss für Ihre Plattform aktiviert sein. Sollten Sie den Eintrag nicht im Menü auf der linken Seite finden, wenden Sie sich bitte an Ihren Government Success Manager.
So fügen Sie einen HTML-Block ein
Öffnen Sie den Content Builder-Editor.
Ziehen Sie im Menü auf der linken Seite in der Kategorie „Inhalt“ den HTML-Block (der direkt unter „Text“ aufgeführt ist) auf die Arbeitsfläche.
Klicken Sie auf den Block. Im rechten Bereich öffnet sich ein Codefeld.
Fügen Sie Ihren HTML-Code ein oder geben Sie ihn ein und klicken Sie anschließend auf „Speichern“.
Klicken Sie auf „Seite anzeigen“, um das Ergebnis im Live-Desktop-Layout zu überprüfen.
ℹ️ Der HTML-Block ist übersetzbar. Verwenden Sie die Sprachauswahl oberhalb des Codefeldes, um für jede Plattformsprache einen eigenen HTML-Code einzugeben. Ein Feld, das Sie leer lassen, wird Besuchern, die diese Sprache sprechen, nicht angezeigt; es wird nicht automatisch für Sie ausgefüllt.
Welcher HTML-Code ist zulässig?
Aus Sicherheitsgründen wird Ihr HTML-Code beim Speichern bereinigt.
Beibehalten:
Struktur und Text: Überschriften, Absätze, Zeilenumbrüche, Listen, Tabellen,
div,span,Kopfzeile,FußzeileBilder und Links, einschließlich
alt-undaria-AttributeMedien:
Video,Audio,„source“und„iframe“, einschließlichSteuerelementen,„frameborder“und„allowfullscreen“Inline-Formatierung über das
„style“-Attribut, z. B.<h2 style="font-size:30px;">
Entfernt:
<Skript->-Tags sowie sämtliches JavaScript, einschließlich Ereignisbehandler wie„onerror“und„onclick“Formularelemente:
„form“,„input“,„button“,„select“,„textarea“und„fieldset“. Das gesamte Formular wird entfernt, nicht nur das Tag; daher können Sie in einem HTML-Block kein funktionsfähiges Formular erstellen. Um Antworten zu sammeln, nutzen Sie eine Umfragephase oder binden Sie ein externes Formular mithilfe des „Einbetten“-Widgets ein.
⚠️ Diese Bereinigung erfolgt beim Speichern ohne Vorwarnung. Sollte ein Teil Ihres HTML-Codes nach dem Speichern verschwinden, so enthielt dieser etwas aus der obigen Liste. Laden Sie die Seite nach dem Speichern neu, um zu überprüfen, was beibehalten wurde.
ℹ️ Links, die Sie so einstellen, dass sie in einem neuen Tab geöffnet werden, werden automatisch mit „rel="noopener noreferrer"“ versehen.
Gut zu wissen
Der Block ist zentriert und hat dieselbe maximale Breite (1200px) wie der übrige Seiteninhalt.
Ihr Markup wird nicht automatisch responsiv gestaltet. Überprüfen Sie das Ergebnis stets auf dem Handy.
Der HTML-Block steht überall dort zur Verfügung, wo der Content Builder verfügbar ist: im Projektseiten-Editor, im Ordnerbeschreibungs-Editor und auf benutzerdefinierten Seiten. Jeder, der diese Seite bearbeiten kann, darf sie nutzen, einschließlich der Projekt- und Ordnerverwalter.
Einschränkungen für den Content-Builder
Einige Funktionen des Content Builders haben Einschränkungen:
Bildskalierung wird nicht unterstützt; Bilder füllen automatisch ihren Behälter.
Einige soziale Plattformen (Twitter, Instagram) können aufgrund externer Richtlinien nicht eingebettet werden.
Einbettungslinks erfordern oft manuelle Bearbeitung, um iframe-Code zu entfernen.
Auf der Projektseite können Elemente in jeden beliebigen Abschnitt gezogen werden, mit Ausnahme der Kopfzeile und des Titels, die an ihrer Position verbleiben.