Mobile Landingpages sind eine auf mobile Endgeräte ausgerichtete Business-Messaging-Lösung mit reichhaltigem Inhalt und detaillierten Analysen. Sie können Ihre SMS-Journeys auf eine personalisierte mobile Landing Page ausweiten, um die Interaktivität der Benutzer zu erhöhen und das Engagement messbar zu machen. Die API für mobile Landing Pages bietet die Möglichkeit, mobile Landing Pages zu erstellen und an Empfänger zu senden.
Der Prozess der Erstellung einer mobilen Landingpage-Kampagne umfasst Folgendes;
Voraussetzungen:
Erster Teil: Konfigurieren Ihrer Vorlage
In dieser Anleitung für Entwickler werden Sie eine Kampagne mit mobilen Landing Pages versenden. Dazu gehören benutzerdefinierte verfolgbare Links, reichhaltige visuelle Inhalte mit einem speziellen Angebot oder Gutschein und interaktive Schaltflächen. MessageMedia bietet verschiedene Vorlagen zur Anpassung an, und in diesem Leitfaden wird die VorlageFermont verwendet. Jede Vorlage erfordert eine Reihe von anpassbaren Elementen, die wir Ihnen zeigen werden, damit Sie verstehen, wie Sie jeden verfügbaren Parameter verwenden können.
Öffnen Sie in Postman die Anfrage Neue Kampagne erstellen. Sie müssen den Text der Anfrage bearbeiten, um die Werte für alle Parameter dieser Vorlage aufzunehmen. Für den Anfang können Sie sich auf einer Bilddatenbank wie Unsplash ein schönes Bild für Ihren Gutschein aussuchen. Sie benötigen eine öffentlich zugängliche Bild-URL, die Sie bei einem Bildfreigabedienst wie imgbb hochladen . Der vollständige Text der Anfrage mit den erforderlichen Parametern sollte folgendermaßen aussehen:
{
"template_id": "c9d7ce1d-20c4-4228-9ba1-6da2a3b4e5e0",
"parameters": {
"headline": "Refresh your wardrobe with $30 off!",
"pageText": "Come in this weekend and check out our new summer range. VIPs who present this voucher are entitled to a $30 reward. We'll have sparkling on arrival and live music from 2 - 5pm all weekend.",
"imageHeaderUrl": "https://developers.messagemedia.com/wp-content/themes/devportal/dist/images/fakeshopimage.jpg",
"primaryButtonText": "SHOP NOW",
"primaryButtonLink": "http://examplestore.com",
"secondaryButtonLink": "https://example.com/store-finder",
"secondaryButtonText": "FIND A STORE",
"logoLink":"http://examplestore.com",
"imageLogoURL":"https://developers.messagemedia.com/wp-content/themes/devportal/dist/images/fakelogo.png",
"barcodeValue": "0123456578901234565789"
},
"message": {
"content": "Hello ${firstName}, will we see you at our summer sales party this weekend? xoxo das Summer Shop Team",
"Metadaten": {
"sign-up": "cashier"
}
}
}
Verschiedene Vorlagen erfordern unterschiedliche Parameter. Die Zuordnung der erforderlichen Parameter für jede Vorlage finden Sie in der Dokumentation. Im obigen API-Aufrufkörper haben wir Bildwerte für die Bilder und Links zu den Orten festgelegt, mit denen unsere Kunden verbunden werden sollen. Wir haben auch einen Barcodewert festgelegt, der einem Gutscheincode im POS-System unseres Geschäfts entspricht.
Im Nachrichtentext haben wir einen Vorlagenparameter verwendet, der später ausgefüllt wird, wenn wir den Wert für ${firstName} zum Sendezeitpunkt festlegen. Schließlich nutzen wir die Gelegenheit, um einige Metadaten aus unserem CRM-System einzustellen, die der Art und Weise entsprechen, wie sich der Kunde angemeldet hat. Kampagnen- und Empfängernachrichten können Vorlagenparameter enthalten. Diese Parameter werden verwendet, um die generierte Landing Page und die Nachricht, die an jeden Nutzer gesendet wird, anzupassen. Beachten Sie, dass sowohl die Parameter der Kampagne als auch die des Empfängers bei der Verarbeitung eines Empfängers zu einem vollständigen Satz zusammengeführt werden. Bei der Auflösung von Parametersätzen haben daher Empfängerparameter Vorrang vor Kampagnenparametern mit demselben Namen.
Weitere Informationen zu den Konzepten im Zusammenhang mit Kampagnen und erweiterten Konfigurationsoptionen finden Sie in der Dokumentation. In dem obigen Aufruf haben wir auch die Details der Linkvorschau festgelegt. Weitere Informationen über diese Funktion finden Sie in unserem Entwicklerportal. Wenn Ihre Anmeldedaten in den Postman-Variablen korrekt eingegeben wurden, erhalten Sie beim Senden diese Meldung zurück:
{
"id": "a733f81e-f6b5-40d2-8c21-41fa719a58bb",
"message": {
"content": "Hello ${firstName}, will we see you at our summer sales party this weekend? xoxo das Summer Shop Team",
"Metadaten": {
"sign-up": "cashier"
},
"rich_link": {
"title": "Refresh your wardrobe with $30 off!",
"image": "https://developers.messagemedia.com/wp-content/themes/devportal/dist/images/fakeshopimage.jpg",
"description": "Click through to your voucher..."
}
},
"parameter": {
"headline": "Refresh your wardrobe with $30 off!",
"pageText": "Come in this weekend and check out our new summer range. VIPs who present this voucher are entitled to a $30 reward. We'll have sparkling on arrival and live music from 2 - 5pm all weekend.",
"imageUrl": "https://developers.messagemedia.com/wp-content/themes/devportal/dist/images/fakeshopimage.jpg",
"primaryButtonText": "SHOP NOW",
"primaryButtonLink": "http://examplestore.com",
"secondaryButtonLink": "https://example.com/store-finder",
"secondaryButtonText": "FIND A STORE",
"logoLink": "http://examplestore.com",
"imageLogoURL": "https://developers.messagemedia.com/wp-content/themes/devportal/dist/images/fakelogo.png",
"barcodeValue": "0123456578901234565789"
},
"template_id": "c9d7ce1d-20c4-4228-9ba1-6da2a3b4e5e0"
}
Sie müssen die Kampagnen-ID beim nächsten Aufruf verwenden.
Zweiter Teil: Versenden der Kampagne
Jetzt werden wir diese Kampagne an die Empfänger senden. Öffnen Sie die Anfrage "Kampagne an Empfänger senden" und fügen Sie die Kampagnen-ID in Postman in den Abschnitt "Parameter" ein:
Fügen Sie nun im Textkörper für jeden Empfänger ein Objekt hinzu. Sie müssen alle Template-Parameter aus dem Textkörper der Textnachricht oder dem Inhalt der Landing Page festlegen. Zum Beispiel haben wir in diesem Anfragetext angegeben, dass es einen Vorlagenparameter namens "Vorname" gibt (den wir bei der Erstellung der Kampagne festgelegt haben) und dass sein Wert "Bec" sein soll:
{
"recipients": [
{
"id": "ae599880-8d37-4956-af7b-1fcf8693773b",
"number": "+61466412529",
"parameters": {
"firstName": "Bec"
}
}
]
}
Klicken Sie in Postman auf Senden - und schon sind Sie fertig!
Fazit
Mobile Landingpages sind eine leistungsstarke Funktion, um das Engagement für Ihre Botschaften zu erhöhen. Es gibt eine Reihe von Vorlagen, die leicht angepasst werden können, um visuell schöne Landingpages zu erstellen. Die Integration in Ihre Software kann einen Mechanismus für eine Reihe von interaktiven Anwendungsfällen bieten, wie z. B. Gutscheine für den Einzelhandel, Termin- und Buchungsbestätigungen und mehr.