Video-Tutorial: Einrichten einer Facebook Landing Page in der Facebook Chronik (Timeline)

Transkript

1 Video-Tutorial: Einrichten einer Facebook Landing Page in der Facebook Chronik (Timeline) Skript Nivea hat eine Die Telekom hat eine Microsoft hat eine Und selbst die BILD-Zeitung hat eine Wovon ich spreche? Von einer Facebook Landing Page. Eine Landing Page sollte heute sicher zur Grundausstattung eines Unternehmens gehören, das sich in Facebook präsentieren möchte. Leider funktionieren seit der Umstellung der Unternehmensseiten Ende März 2012 auf die Facebook Chronik die alten Landing Pages nicht mehr. Zuerst aber für alle diejenigen von Ihnen, die noch nicht so richtig wissen, wovon ich rede, ganz kurz ein paar Infos zum Thema Landing Page Eine Landing Page bietet in der Regel den Besuchern zusätzliche Infos, aber auch Incentives wie Coupons, kostenlose Downloads, Teilnahme an einem Gewinnspiel, etc. Aber nur, wenn der Besucher auf den Gefällt mir -Button klickt Die Kollegen von Bild sollten da den Pfeil mal neu ausrichten Seite 1

2 Hat der Besucher dann den Gefällt mir -Button geklickt, ändert sich automatisch die Darstellung der Seite und er erhält wie versprochen Zugriff auf die Incentives Auch wir haben vor kurzem für den Unternehmen 2.0-Blog eine neue Landing Page eingerichtet. Klickt jemand beispielsweise auf das Facebook-Icon oben rechts im Blog. Landet er auf der Landing Page, auf der wir ihm für ein Gefällt mir den web guide Social Media zum Download anbieten. Und wenn er dies dann tut, erhält er automatisch den Link zur Download-Seite angezeigt. Im Folgenden möchte ich Ihnen nun kurz zeigen, wie wir diese Landing Page eingerichtet haben, bzw. was Sie tun müssen, um sich selbst auch so eine Landing Page zu basteln. Loggen Sie sich als erstes in Facebook ein und rufen Sie Ihre Fanpage auf. Die benötigen Sie, sonst gibt s auch keine Landing Page. Suchen Sie dann im Suchfenster oben nach der Anwendung static HTML iframe tabs Klicken Sie dann auf den Add static HTML to a page -Button und wählen Sie die Seite, für die Sie die App installieren möchten. Wenn Sie über Ihren Facebook-Account mehrere Fanpages verwalten, erscheint hier eine Auswahlliste, bei uns eben nur die Unternehmen 2.0-Seite Seite 2

3 Kehren Sie nun auf Ihre Fanpage zurück und Sie finden dort die Applikation Welcome mit dem Stern als Thumbnail. Den Namen und das Thumbnail-Bildchen können Sie nun anpassen. Wenn Sie mit der Maus über die App fahren, erscheint oben rechts ein Stift, dort klicken Sie drauf. Es öffnet sich eine Auswahlliste, in der Sie Einstellungen bearbeiten auswählen. Geben Sie nun der App einen Namen Ihrer Wahl. Wir haben sie Download genannt, da wir ja ein Download auf der Landing Page anbieten. Das Symbol können Sie nun ebenfalls ändern, indem Sie auf den Ändern Link neben Eigenes Symbol klicken. Es öffnet sich dann ein neues Fenster, in dem Sie eine eigene Grafik in der Größe 110 x 74 Pixel für das Sternen-Logo hochladen können. Schließen Sie dann dieses Fenster, klicken Sie auf Speichern, und dann sieht die App in unserem Fall so aus. Klicken Sie nun auf die App, um die Landing Page einzurichten Die App ist in zwei Bereiche unterteilt Den Bereich, in dem Sie die Seite einrichten können, die alle sehen und denbereich, in dem Sie die Seite einrichten, die diejenige sehen, die den Gefällt mir -Button angeklickt haben. Sie können hier HTML, CSS und Javascript eingeben, wir haben uns für die einfache Methode entschieden und einfach zwei Grafiken eingebunden. Seite 3

4 So sieht unser Bild für Alle aus: Die Grafik sollte eine Breite von 810 Pixel haben. Da wir für die Landing Page App ja einen HTML-Code benötigen, haben wir die Grafik einfach in die Mediathek des Blogs hochgeladen und dann den von Wordpress generierten Link verwendet. Den Link haben wir dann über den Image Source Befehl in die App eingegeben. Auf für unsere Fans haben wir eine Grafik erstellt und hochgeladen. In diesem Fall haben wir sie dann aber mit einem Link auf die Download-Seite versehen. Nachdem Sie die beiden HTML-Codes in die jeweiligen Bereiche der App eingegeben haben, können Sie sich über den Preview -Button anschauen, wie Ihr Werk aussieht. Durch Klick auf den public -Button oben rechts wird die Seite angezeigt, die alle Besucher sehen. Durch Klick auf den fans -Button können Sie die Seite überprüfen, die nur diejenigen sehen, die auf den Gefällt mir Button geklickt haben. Über back gelangen Sie wieder zurück zur App und können notwendige Korrekturen oder Änderungen vornehmen. Sind Sie mit allem einverstanden, klicken Sie auf Save all (ich habe das natürlich bereits gemacht, deshalb steht da bereits all saved) und Sie sind fertig Über den Button oben links gelangen Sie wieder zurück zu Ihrer Fanpage. Seite 4

5 Da Sie nun natürlich möchten, dass Besucher Ihrer Facebook-Seite nicht auf Ihrer Chronik, sondern auf dieser Landing Page landen, gehen Sie nochmals in die Bearbeiten -Auswahlliste und wählen Sie dort Link zu diesem Reiter erstellen. Die App generiert dann einen, leider sehr langen und sperrigen Link direkt zur neuen Landing Page Aus diesem Grund ist es ratsam, den Link mit einem Link Shortener oder einem entsprechenden Wordpress-Plugin zu hübschen Und dann teilen Sie natürlich der ganzen Welt den Link zu Ihrer neuen Landing Page mit. Wie bereits am Anfang kurz gezeigt, landet jeder, der bei uns im Blog auf das Facebook-Icon klickt über den gehübschten Link Auf unserer neuen Facebook Landing Page Ich hoffe, dieses Tutorial zur Facebook Landing Page war für Sie informativ und hilfreich. Falls Ihnen das ein oder andere im Video zu schnell ging, finden Sie weitere Informationen unter Dort freue ich mich auf über Ihr Feedback und Ihre Kommentare. Für Ihre Facebook- und Social Media-Aktivitäten wünsche ich Ihnen weiter viel Erfolg Bis zum nächsten Mal Ihr Werner Grohmann Seite 5