Adventskranz-App Angebot. Leitfaden Konfiguration Ergo Social Media Suite. iconsultants - Facebook Marketing

Transkript

1 Adventskranz-App Angebot Leitfaden Konfiguration Ergo Social Media Suite Köln, iconsultants - Facebook Marketing Gottfried-Hagen-Str Köln +49 (0) Dr. Hubertus Porschen h.porschen@iconsultants.eu

2 Informationen - Adventskranz Seite Allgemeines Bei der Adventskranz-App geht es grundsätzlich darum, seine Fans während der Adventszeit wöchentlich zu unterhalten und so die Bindung an das Unternehmen zu stärken. Aufgrund der speziellen Technologie kann die App vom Design/der Grafik bis zum Inhalt so konfiguriert werden, dass sie perfekt auf das Unternehmen zugeschnitten ist und ein komplett individuelles Produkt entsteht. Die Open Graph Integration erlaubt es, eine größtmögliche Interaktion zwischen Nutzern und Unternehmen zu erreichen sowie eine virale Verbreitung der App sicherzustellen. Die integrierten Gefällt-mir -, Senden - sowie Teilen -Button spielen hierbei eine besondere Rolle, da sie beim Klicken eines App-Nutzers andere Facebook-User auf direktem Wege auf die App aufmerksam machen. Der Teilen -Button kann vom Administrator individuell konfiguriert werden. Die Grafik, die beim Teilen gepostet wird, sowie die Texte sind hierbei frei wählbar (s. Abbildung). Klickt ein Nutzer auf den Senden -Button, erscheint die gleiche festgelegte Grafik samt Text wie beim Teilen -Button. Im Admin Panel kann der Administrator neben dem Verwalten der Kerzen unter Admin Optionen ein gewünschtes Datum simulieren und dadurch alle Kerzen bis zu dem definierten Datum exklusiv anschauen. In der Option Globale Einstellungen wird der Administrator automatisch auf die App- Arena-Homepage geleitet, um sich dort mit seinen Kontaktdaten einloggen und weitere Informationen abrufen zu können. Auf den folgenden Seiten werden die einzelnen Konfigurationsmöglichkeiten der Adventskranz-App detailliert erläutert. Bei weiteren Fragen stehen die iconsultants gerne telefonisch oder via zur Verfügung.

3 Kommentarfeld Footer Grunddesign/Kranzübersicht Header Informationen - Adventskranz Seite 2 2 Konfiguration der Übersichtsseite Über den Admin Panel (nur für den Administrator sichtbar) kann die App konfiguriert werden. Der Header, das Grunddesign des Kranzes sowie der Footer sind individuell gestaltbar. Der Header und der Footer (beide html) samt Kommentarfeld (s.u.) sind für die Teilnehmer der App immer sichtbar, egal, ob sie sich gerade auf der Kranzübersicht oder auf einer der Kerzen befinden. Sowohl auf den Header, als auch auf den Footer kann ein Link gesetzt werden, sodass die User beim Klicken bspw. auf die eigene Homepage verlinkt werden. Tipp: In den Header das eigene Logo samt Name des Unternehmens integrieren; den Footer als (dezente) Werbung nutzen.

4 Informationen - Adventskranz Seite 3 3 Verwaltung der einzelnen Kerzen Auswahlmöglichkeiten für den Inhalt der Kerzen: mit Link Gewinnspiel Quiz errätsel 3. mit Link Wählt man die Funktion mit Link, kann man eine Grafik seiner Wahl sowie einen Link hochladen. Klickt der User auf die entsprechende Kerze, öffnet sich die Grafik; Klickt er anschließend auf die Grafik, wird er automatisch auf die Seite verlinkt, die vom Administrator hinterlegt wurde. Tipp: Der Administrator verlinkt auf eine Seite seiner Homepage, auf der der User bspw. detaillierte Informationen zu einer Aktion findet. Bsp.: mit einem Gutscheincode >> Verlinkung auf die Produktdetailseite

5 Informationen - Adventskranz Seite Gewinnspiel Beim Gewinnspiel kann ein Foto für den Hintergrund der gewählten Kerze und ein weiteres für die Verabschiedung hochgeladen werden. Die zweite Grafik erscheint, sobald der User seine Daten eingegeben (Fenster poppt nach Klicken des Teilnehmen -Buttons auf), die Bestätigungsmail akzeptiert und somit am Gewinnspiel teilgenommen hat. Hier ist es wichtig, als Administrator den Link einzugeben, der den User nach Eingabe seiner Daten auf die Seite des Gewinnspieles leitet. Die Auswahl des Preises sowie des Gewinners obliegt dem Administrator. 3.3 Quiz Genau wie beim Gewinnspiel kann beim Quiz eine Hintergrundgrafik und eine Verabschiedungs -Grafik hochgeladen sowie ein Link gesetzt werden. Zusätzlich können folgendermaßen viele selbst definierte Fragen mit je vielen Antwortmöglichkeiten eingestellt werden: Quizfragen + HINZUFÜGEN >> Frage definieren >> Bearbeiten (zusätzliches Fenster öffnet sich) >> Verschiedene Antwortmöglichkeiten einstellen >> Speichern (man kommt zurück auf das eigentliche Konfigurationsfenster) >> Richtige Antwort auswählen >> Speichern Beantwortet der User eine der Fragen falsch, wird ihm eine festgelegte Grafik angezeigt (siehe Konfigurationsfenster unter Grafik bei falscher Beantwortung der Fragen ). Durch einen Klick auf die Grafik wird der User auf die vom Administrator entsprechend gewählte Seite verlinkt. Ebenso

6 Informationen - Adventskranz Seite 5 funktioniert es, wenn ein User eine Frage richtig beantwortet hat. Nur wenn ein User alle Fragen richtig beantwortet hat, hat er Chancen auf einen definierten Gewinn. Daher ist es ratsam, nicht allzu viele Fragen einzustellen und auf einen angemessenen Schwierigkeitsgrad der Fragen zu achten. 3.4 errätsel Für das Einstellen eines errätsels wird der Administrator dazu aufgefordert, eine Hintergrundsowie eine Verabschiedungsgrafik auszuwählen. Anschließend läd er das hoch, das für das Rätsel genutzt werden soll, und legt fest, in wie viele Teile das zerschnitten werden soll. Das wird den Nutzern verschwommen angezeigt lediglich ein Puzzleteil wird neben der Grafik scharf dargestellt. Es geht darum, herauszufinden, an welcher Stelle des es sich das angezeigte Puzzleteil befindet. Gelöst werden kann das Rätsel nur gemeinsam mit anderen Nutzern. Jeder Nutzer löst ein Teil des Puzzles und animiert andere User, weitere Teile zu lösen, um ein positives Gesamtergebnis zu erhalten. Auch hier hat der Administrator wieder die Möglichkeit, einen Link einzustellen und die User somit bspw. auf seine eigene Homepage zu leiten.

7 Informationen - Adventskranz Seite 6 4 Grafische Element Zum Individualisieren der Applikation benötigen Sie Grafiken und/oder HTML Element. In diesem Abschnitt finden Sie eine Übersicht der zu erstellenden Elemente. Die Applikation ist dafür ausgelegt, Grafiken automatisch optisch positiv einzupassen. Die besten Ergebnisse erhalten Sie, wenn Sie sich an den folgenden Angaben orientieren. Element Beschreibung Anzahl Format Höhe Breite Erscheinungsbild der Applikation Header Hintergrundbild Footer Das Kernelement des Adventskranzes ist eine Grafik, die Sie hochladen. Ober- und unterhalb sind HTML Elemente angebracht, deren Inhalt Sie frei bestimmen können (Grafiken, Banner, Videos). Für die Verbreitung und Fangewinnung wichtige Elemente wie Fangate und Teilen Funktion können ebenfalls komplett angepasst werden. Der Header wird auf jeder Seite angezeigt. HTML 2 Er sollte insbesondere mit der Header Element max. Kalenderübersicht und den Inhalten der (ggf. nur 225 px Türen harmonisieren. Technisch ist der ) Header ein frei konfigurierbares HTML Element, häufig wird aber auch nur eine Grafik genutzt. Das zentrale Hintergrundbild des Kranzes 650 px ist als Grafik einzubinden. Hintergrund Wichtig: Per CSS kann die Position der Kerzen für Ihre Grafik angepasst werden. Auf Anfrage können wir hier helfen. Der Footer der Applikation wird auf allen HTML Seiten angezeigt. Entweder kann das Footer Element max. Gesamtbild der App hiermit abgerundet (ggf. nur 300 px oder als Banner genutzt werden. ) 3 Fan Gate (Grafik für Nicht- Fans) Das Fangate wird als Overlay allen Nicht- Fans angezeigt (wenn die Option aktiviert ist). Wenn diese Fan werden, wird es ausgeblendet. Die Grafik sollte einen klaren Hinweis auf den Gefällt Mir Button enthalten. Wir empfehlen eine transparente PNG Datei. Fangate Inhalt in den ersten 400 px Grafik für Teilen (Facebook Teilen Grafik) Das in der Teilen Nachricht können Sie anpassen. Facebook skaliert diese Grafik auf max. 90 px Seitenbreite. Teilen 90 px 90 px Wenn Sie eine höhere Grafik wählen, sollte Ihnen bewusst sein, dass dann auf kleinen schirmen (z.b. Netbooks) die eigentliche Applikation - der Kalender- nicht mehr im Zentrum steht. 2 Die Applikation nutzt die volle Breite von 80 px die van Facebook bereitgestellt wird. Aus optischen Gründen wird rechts und links der App ein Rahmen bereitgestellt, so dass diese ungerade Pixelzahl für die er in der App genutzt wird. 3 Wenn Sie eine größere Grafik wählen, sollte Ihnen bewusst sein, dass die Kommentarfunktion kaum wahrgenommen wird.

8 Informationen - Adventskranz Seite 7 Element Beschreibung Anzahl Format Höhe Breite Inhalt der Türchen mit Link Quiz ab Pro-Vers. Gewinnspiel ab Basis-Vers. errätsel Premium Version Je nach Produkt-Version stehen verschiedene Kerzeninhalte zur Verfügung. Zentral ist bei allen Inhalten die Hintergrundgrafik. Aus dieser wird auch die Vorschau für die bereits angezündeten Kerzen generiert. Dazu wird ein möglichst großer Ausschnitt gewählt, ohne das zu verzehren. Optimal sind quadratische Grafiken, also 789px mal 798px. Es wird eine Hintergrundgrafik benötigt, die den Inhalt der Aktion wiedergibt. Diese kann verlinkt werden. Neben der Hintergrundgrafik, die auf den Teilnehmen-Button hinweisen soll, wird je eine Grafik für die richtige und die falsche Antwort benötigt. Diese öffnet sich in einer Lightbox (mit 527 px Breite). er werden auf diese Breite runter aber nicht hoch skaliert. Neben der Hintergrundgrafik, die auf den Teilnehmen-Button hinweisen soll, wird eine Dankeschön Grafik benötigt. Diese öffnet sich in einer Lightbox (mit 527 px Breite). er werden auf diese Breite runter aber nicht hoch skaliert. Die Hintergrundgrafik hat ein spezielles Format, da der Rätselausschnitt abgedeckt ist (63 px). Siehe Demo. mit Es muss ein Rätselbild definiert werden. Dieses wird in NxN Rechtecke geteilt (5 N 0) und ein Ausschnitt zufällig zum Suchen ausgewählt. Bei richtiger Auswahl gelangt man auf die Dankeschön- Grafik. Diese öffnet sich in einer Lightbox (mit 527 px Breite). er werden auf diese Breite runter aber nicht hoch skaliert. Hintergrund Hintergrund Richtig Falsch Hintergrund Dankeschön Hintergrund Rätselgrafik Dankeschön 650 px 527 px 527 px 527 px 527 px Des Weiteren müssen die folgenden Text-Elemente angepasst werden: Teilnahmebedingungen Beschreibung des Teilen Buttons Text für die Newsletteranmeldung (Optionale Pro/ Premium Funktion) In den Erweiterten Einstellungen können per CSS auch weitere Gestaltungsdetails angepasst werden. Durch uns sind noch weiterführende Anpassungen, wie z. B. die Buttonfarbe und -Person, möglich. Details dazu erhalten Sie auf Anfrage.