(1) Soziale (Ver)Bindungen stärken

Bis dato wurden viele Aktionen auf Facebook als Dyade zwischen Anbieter und Fan gestrickt. Quasi als Beiprodukt oder durch “erzwungene” Gewinnspiel-Bestandteile, meistens via “Invites”, erhoffte man sich virale Effekte. Allerdings, echte soziale Diffusion funktioniert anders. Leute sprechen über und verteilen Dinge (Produkte und Dienstleistungen), die Ihnen echt am Herzen liegen und sie tun dies innerhalb eines echten sozialen Austausches, nicht wenn ich mein Adressbuch durchsuche, um Kontakte für meinen eigenen Vorteil in einer Gewinnspiel-Aktion arbeiten zu lassen… Auf der Empfängerseite wiederum bin ich geneigt, einer Empfehlung eines Freundes intensiv zuzuhören, wenn eine enge soziale Beziehung besteht.

Es ist also Zeit, dass Facebook-Kampagnen es meinen Fans ermöglichen, in echten Austausch mit ihren Freunden zu treten. Ein schönes aktuelles Beispiel ist hier die “Verschenke ein Buch” Aktion der Mayerschen Buchhandlung. Hier trete ich als Fan in Aktion, weil ich einem Freund etwas Gutes tun will und der Freund wird sich sicherlich sehr viel bewusster mit dem Anbieter auseinandersetzen als er es getan hätte, wenn der gleiche Freund ihn um eine Stimme innerhalb eines klassischen Foto-Wettbewerbes gebeten hätte.

Quelle: Facebook Auftritt der Mayerschen Buchhandlung, 30.11.2012

Action Item: Überlegen Sie sich Aktionen, bei denen Sie und Ihr Unternehmen “nur” ein Bestandteil einer Interaktion zwischen Freunden, Kollegen, Familienmitgliedern sind. Machen Sie diese Interaktion erinnerungswürdig. Werden Sie der Baustein, oder besser der Kit, der soziale Interaktion zusammenbringt.

(2) Mobiles Entertainment

Menschen wollen unterhalten werden. Viele von uns sind heute oft und lange unterwegs und es gibt ausreichend Zeiten, die man  am iPad oder Smartphone überbückt. Deutschland hat mittlerweile rund 30 Millionen Smartphone-Nutzer.  Die Performics and ROI Research Gruppe zeigt in einem ihrer letzten Reports, dass viele User heute einen Großteil ihrer Zeit in Social Platforms über mobile Endgeräte wie iPads und Smartphones verbringen.

Quelle: Performics und ROI Research on Slideshare.net (accessed on 29.11.2012)

Action Item: Überprüfen Sie, inwieweit ihre Inhalte im Web mobilfähig sind, d.h. sind sie einfach zugänglich auf allen Endgeräten und sind Inhalte entsprechend aufbereitet, dass sie das mobile Nutzungsverhalten ansprechen? Entwickeln Sie eine mobile Strategie, die z.B. mobile Apps und mobile Advertizing beinhalten.

(3) Inhalte strategisch entwickeln und positionieren

Unser Wissen darüber, welche Inhalte gut und weniger gut angenommen werden und welche Inhalte einen höheren viralen Charakter haben, hat sich in den letzten Jahren extrem verbessert. Forscher der Wharten Business School z.B. konnten jetzt bestätigen, was die psychologische Theorie voraussagt. Generell werden positive Inhalte eher als negative weitergeleitet. Und dabei werden aber insbesondere Inhalte, die eine hohe emotionale Stimulanz mirbringen, d.h. Inhalte, die auf der positiven Seite Be-/Verwunderung auslösen oder auf der negativen Seite Ärger/Zorn hervorrufen, eher geteilt werden als Inhalte die “nur” ein Lächeln oder Traurigkeit erzeugen.

Desweiteren gilt nachwievor, dass ein Bild mehr sagt als 1000 Worte. Inhalte, die Bilder im Fokus haben, werden häufiger geteilt als andere Inhalte.

Quelle: Performics und ROI Research, on slideshare.net (accessed on 29.11.2012)

Action Item: Investieren Sie in die Entwicklung von hochwertigen eigenen Inhalten. Trauen Sie sich Emotionalität zu zeigen, denn nur Inhalte, die eine gewisse Erregungsschwelle beim Empfänger erreichen, werden geteilt. Verbinden Sie Inhalte mit aussagekräftigen Bildern oder Videos.

Was sind Ihre Erfahrungen und welche Pläne haben Sie für 2013 in Bezug auf Ihre Social Marketing Strategie?

]]> http://www.halalati.com/blog/3-essentielle-prinzipien-im-facebook-marketing-2013/feed/ 0 http://www.halalati.com/blog/publish-stream-permission-via-facebook-api-wird-eingestellt-neue-workarounds-sind-notwendig/?utm_source=rss&utm_medium=rss&utm_campaign=publish-stream-permission-via-facebook-api-wird-eingestellt-neue-workarounds-sind-notwendig http://www.halalati.com/blog/publish-stream-permission-via-facebook-api-wird-eingestellt-neue-workarounds-sind-notwendig/#comments Thu, 11 Oct 2012 14:36:33 +0000 Thomas Langenberg http://www.halalati.com/blog/?p=2045

Post to friends wall via the API generate a high levels of negative user feedback, including “Hides” and “Mark as Spam” and so we are removing it from the API.

Eine kleine aber wichtige Änderung, die auf dem Facebook Developers Blog veröffentlicht und auch noch einmal auf allfacebook.de dargestellt wurde. Im Kern geht es Facebook darum, die Qualität des Inhalts auf Facebook hoch zu halten bzw. zu erhöhen. Die “Stream Publish” Permission gab in der Vergangenheit App Developern sehr viel Freiraum relativ “reichweitenstarke” jedoch auch “aggressive” App Mechanismen zu entwickeln.

Diese Entwicklung ist gleichermaßen gut wie schade. Was kann man als App Entwickler nun dagegen tun?

Quelle: developers.facebook.com

Eine Alternative zum “Stream Publish” ist z.B. der “Grußkarten” Mechanismus. User einer App können Grußkarten, also Grafiken oder Bilder, über die App an Freunde verschicken. Wurde eine Karte verschenkt, so erscheint auf dem Newsfeed des Beschenkten die Karte mit einem schönen Text. Technisch gesehen lädt die App die zu verschenkende Grußkarte in ein Fotoalbum des die App benutzenden Users. Darüber hinaus markiert die App auf dieser Grafik den “Freund” des Users, der die Grußkarte erhalten soll. Durch den Upload der Karte in das Album wird der “markierte” User informiert über einen Eintrag im Newsfeed.

Was ist genau zu tun und wie könnte der Prozess dazu aussehen? Hier eine kleine konzeptionelle Anleitung

1. Der User ruft die App auf und sieht die Grußkarten Galerie
2. Der User wählt eine Karte per Klick auf, diese wird in der Anwendung gespeichert
3. Danach erhält der User eine Übersicht seiner Freunde und kann die Freunde auswählen an die die Karte verschickt werden soll
4. Die App lädt das ausgewählte Bild in ein Fotoalbum des Users und markiert die eingeladenen Freunde darauf
5. Der “beschenkte” User erhält in seinem Newsfeed die Info, das er markiert wurde und das dazu passende Bild (auf der Grußkarte, die in der Galerie seines Freundes liegt)

Kennt Ihr Apps, die diesen Prozess schon nutzen?

Die Technik dahinter ist so einfach wie überzeugend. Drei Dinge (und etwas Kreativität) werden benötigt:

1. Eine Web Anwendung (oder wahlweise ein White Label Paket von Halalati)
2. Eine Facebook Fanpage und eine kleine Facebook App, und
3. Wahlweise ein QR / Barcode oder einen Webfähigen Label Drucker

Schritt 1: Facebook Web App / Anwendung anlegen

Schritt 2: Facebook App und Fanpage anbinden

Schritt 3: QR Code und Drucker/ Label Printer anschließen

Halalati arbeitet eng mit dem etablierten Systemdienstleister LNI zusammen, um vorhandenes Know-How zu bündeln und Ihnen zuberlässige Online-Offline-Apps zur Verfügung zu stellen.

Tägliche Offline Kontakte sind Facebook Fans und Botschafter erster Güte

Jedes Unternehmen hat jeden Tag unzählige Begegnungen mit der Außenwelt. Zum Beispiel Interessenten interagieren auf Messen mit dem Unternehmen, Partner treffen sich mit Mitarbeitern in einem Geschäftsmeeting, Berater machen sich Gedanken über die Unternehmensstrategie und Kunden betreten ein Ladengeschäft.

Die Personen, denen ein Unternehmen in der Offline Welt täglich begegnet, haben eins gemein:  Sie kennen das Unternehmen und haben bereits eine reale Beziehung  zu dem Unternehmen.

Die Beziehung dieser Offline Kontakte zum Unternehmen ist typischerweise deutlich tiefer als eine reine Bindung über Online Kontakte, zum Beispiel Fan Gewinnung durch Werbeanzeigen.  Reale Erfahrungen und Erlebnisse, zum Beispiel in einem Geschäftsmeeting oder auf einer Messe, geben dem Unternehmen ein Gesicht, die Beziehung ist persönlich. Deshalb eignen sich Kontakte aus der Offline Welt hervorragend als Online Facebook Fan und Botschafter.  Sie haben ein hohes Potenzial, zum Beispiel regelmäßig Kommentare auf der Seite abzugeben (zum Beispiel wenn gerade ein Offline Kontakt stattgefunden hat) oder auf Aktionen des Unternehmens zu reagieren. In dieser dreiteiligen Blogserie möchten wir drei typische Offline Begegnungen herausgreifen und zeigen, wie sich über diese Begegnungen Offline Kontakte effektiv in Online Fans verwandeln lassen.

• Teil 1: Messebesucher begeistern … und ganz nebenbei Fans gewinnen
• Teil 2: Online Botschafter gewinnen durch Facebook Besuchermanagement
• Teil 3: Durch eine Attraktion im Offline Shop Kunden als Fans gewinnen

Teil 1: Messebesucher begeistern mit dem Bierautomaten … und ganz nebenbei Fans gewinnen

Die Idee der Offline-App ist super einfach und eingängig: Ein „gefällt-mir-Klick“ für ein kühles Bier: Welcher Messebesucher kann da widerstehen?

 Und so funktioniert’s:

Facebook Fan werden und ein kühles Bier trinken

Man stellt zum Beispiel einen Getränkeautomaten auf, der mit Bier oder Cola gefüllt ist. Auch ein Eiscremeautomat oder ein Brand-spezifisches „Goody „ist möglich. Der Interessent stellt sich vor den Automaten und gibt ein „gefällt-mir“ für die Marke ab. Und … schwubbs gibt der Automat im Gegenzug ein Bier, eine Cola oder Ähnliches aus!

Die „Offline-App“ eignet sich an Orten, an denen sich viele potenzielle Kontakte befinden. Typische Beispiele sind Sportevents, Messen, „Tag der offenen Tür“ oder ähnliches.

Ein neuer Fan ist gewonnen, der zudem ein positives, lustiges und ungewöhnliches Erlebnis mit der Marke verbindet. Das Erlebnis kann aufgewertet werden, indem der Automat entsprechendes Branding bekommt oder indem zudem ein persönlicher Kontakt mit der Marke hergestellt wird.

Der lustige Automat ist typischerweise ein voller Erfolg und beschert einer  Marke eine Flut von Fans in nur wenigen Tagen. Wichtig ist dabei das Branding, der richtige Aufstellort und das richtige Timing.

Wäre das auch etwas für Ihre Marke? Bei Interesse wenden Sie sich gerne an Halalati. Wir helfen Ihnen gerne, in Kooperation mit LNI, diese „Offline-App“ professionell zu realisieren und in Szene zu setzen.

810 PIXEL BREITE: DAS NEUE CHRONIK FORMAT

Ab sofort läuft die Halalati Gewinnspiel App standardmäßig auf einer Breite bis zu 810 Pixel. Unsere Kunden können dabei nachwievor unter verschiedenen Aktions-Templates auswählen. Während 810 Pixel die neue Standard-Maximal-Breite ist, funktionieren alle Templates nachwievor, falls gewünscht, auch noch auf einer Anzeige-Breite von 520 Pixel.

Halalati wird über die kommende Zeit weiterhin neue Templates, optimiert auf 810 Pixel zum Angebot hinzufügen. Das neue Format öffnet völlig neue Gestaltungswege für Aktionen, was auch im grafischen Bereich berücksichtigt werden sollte. Wir empfehlen allen unseren Kunden, nicht einfach nur bisher benutzte Grafiken entsprechend zu vergrössern, sondern sich gezielt zu überlegen, wie der neugewonnene Platz in der Breite genutzt werden kann.

Wie immer bieten Ihnen unsere Pakete äußerste Anpassungsflexibilität, um Ihren Gestaltungswünschen freien Lauf zu lassen.

KOSTENFREI: WETTBEWERBE, VERLOSUNGEN, UND VIELES MEHR MIT DEM HALALATI PAKET “FREE”

Ab sofort können Sie im Paket FREE nun komplett kostenfrei verschiedenste Mitmachaktionen. Gewinnspiele und Wettbewerbe, die der Halalati Baukasten standardmäßig ermöglicht, einrichten und nutzen. Ja, komplett kostenfrei! Für Ihre Aktionen stehen Ihnen die verschiedenen Templates zur Verfügung. Es gibt keinerlei Begrenzung der App-Typen oder der Laufzeit. Lassen Sie Ihrer Kreativität freien Lauf!

Die Aktionen des FREE Paketes laufen über die Halalati App, und beinhalten das “powered by Halalati” Logo. Zudem beinhaltet das Teilnehmerformular dieser Aktionen standardmässig eine Checkbox, mit der die Teilnehmer der Datennutzung für Newsletterzusendungen durch den Veranstalter des Gewinnspiels sowie Halalati zustimmen können (aber nicht müssen).

Die aktuelle Übersicht über unsere Angebotsstruktur und ergänzende Erklärungen finden Sie hier.

Selbstverständlich genießt wie bisher die Datensicherheit höchste Priorität. Wir verarbeiten Daten ausschliesslich nach gesetzlichen Bestimmungen. Mit dem Release unseres neuen FREE Paketes, haben wir unsere AGBs und Datenschutzbestimmungen entsprechend ergänzt.

FACELIFTS & NUTZERFREUNDLICHKEIT: VOTING APP, NEUE VOTING-FUNKTIONEN, & GALERIE-ANSICHTEN

Unsere Voting App (bzw. der Kampagnentyp ‘Voting’) ist nun noch nutzerfreundlicher gestaltet. Als Veranstalter können Sie nun vorab die Beiträge gesammelt über das Inplace-Editing hochladen. Zudem wurde die Laufzeiteinstellung vereinfacht, was eine klarere und übersichtlichere Einrichtung der Voting-Phase ermöglicht.

Generell wurde die Voting-Funktion über alle Aktionstypen (Apps), die ein Voting beinhalten wie folgt erweitert:

• Ab sofort kann man auch auf Ebene der Galerie voten anstelle wie bisher nur auch Ebene des Einzelbeitrages
• Als Veranstalter einer Aktion können Sie neu einstellen, dass Voters bzw. votende User sich registrieren können, womit Sie dann z.B. unter allen votenden Usern Preise verlosen können.

Zudem gibt es pünktlich zur Frühlingssaison auch ein Facelift für unsere Galerie. Beiträge können jetzt alternativ in der klassischen Listenansicht angezeigt werden, oder neu in der Thumbnail-View, oder Kachelstruktur, mit 3 Beiträgen pro Zeile. Probieren Sie es doch gleich aus!

Wie immer, freuen wir uns über Feedback zu den neuen Updates, und nehmen gerne neue Feature Anfragen entgegen. Kontaktieren Sie uns:

Die neuen Facebook Profile sind da. In den neuen Timelines oder Chroniken für Facebook Unternehmensseiten ist es nun möglich Tab Apps auf einer Breite von 810px unterzubringen. Bisher waren nur 520px möglich. Für Early Movers haben wir hier ein kleines Tutorial zusammengestellt, um die neuen 810px schon heute zu nutzen. Um den “Hack” zu nutzen ist mindestens das Halalati Premium Paket nötig.

Auf unserer Halalati Chronik haben wir ein Beispiel installiert, das die Fotowettbewerb App in der neuen Breite von 810px zeigt und die Möglichkeiten dargestellt [achtung: dies ist nur eine quick draft, kein echter Fotowettbewerb].

Der Hack verläuft in vier Schritten:
1. Erstellung eines eigenen Templates
2. Vorbereitung des “Inplace Editings” auf das neue Format in der frame.html
3. Anpassung der Contestarea im File clean.css

Doch nun Schritt für Schritt und alles der Reihe nach

1. Erstellung eines eigenen Templates
Legen Sie mit Halalati ein neues Facebook Gewinnspiel an und wählen Sie mindestens das Premium Paket. Nach dem Abschluss des Wizards

1. Klicken Sie im Inplace Editing auf “Template ändern” und wählen Sie das “Advanced Template” aus
2. Klicken Sie danach auf “Look & Feel anpassen” und legen Sie ein eigenes Template an.

Sie sind nun bereit für den Hack.

2. Vorbereitung des “Inplace Editings” auf das neue Format in der frame.html
Öffnen sie im Filesystems des neuen Templates das File frame.html durch klicken auf den Eintrag im Filebaum. In das File frame.html kopieren Sie bitte den folgenden Codeschnipsel in die Zeile 7.

	<!-- Anpassungen 810px Seitenlayout -->
	<script src="http://code.jquery.com/jquery-latest.js"></script>
	
	<!-- Anpassungen IPE Area -->
	<script>
		$("body div#masterwrapper").css('overflow','hidden');
		$("body div.middleWrapper").css('width','810px');
		$("body div.contentWrapper").css('width','810px');
		$("body div.masterframe").css('width','1200px');
	</script>

Scrollen Sie nun hinunter zu den Code Fragmenten für die Facebook Kommentarfunktion. Löschen Sie hier den Eintrag

<halalati:fbcomments/>

und tragen Sie den folgenden Code ein

<!-- Anpassungen 810px Seitenlayout -->
<div class="fb-comments" data-href="https://campaigns.halalati.com/contest/810pxSample" data-num-posts="4"
data-width="810"></div>

Anstelle des contestcodes von uns

810pxSample

tragen Sie bitte Ihren eigenen Contestcode ein.

Sie sind nun fast fertig und müssen nur noch Änderungen am *.css File vornehmen. Speichern und schließen Sie das File frame.html.

3. Anpassung der Contestarea im File clean.css

Öffnen Sie nun das clean.css File Ihres Template. Positionieren Sie nun die folgendn Definition an das Ende (!) des css Files.

/* Ergänzungen: Beginn */
/* ------------------------------------------- */
.fbcontentdivider {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 810px;
	height: 1px;
	background-color: #d8dfea;
}
#fbcomments {
    width: 810px;
}
#fbframe {
    width: 810px;
}
#resultstable {
    width:800px;
    padding:0 5px;
}
tr.headrow {
	background-color:none;
}
td.data {
	padding: 5px;
	border-bottom: 1px solid #E2E2E2;
	width: 200px;
	font-size: 14px;
}
td.data a {
	font-size: 14px;
}
#participationcontent table {
	width: 710px;
	text-align: center;
}
#participationtitle {
    font-size:14px;
    background-color:#F2F2F2;
    border-top:1px solid #E2E2E2;
    padding:5px 5px;
    margin:10px 0px;   
}
#participationtitle a {
    font-size:14px;   
}
td.contenttitle {
    font-weight:bold;
    padding:0px 10px 5px 0px;
    text-align:left;
    font-size:14px;
}
td.contentvalue {
    text-align:left;   
    font-size:14px;    
}

/* ------------------------------------------- */
/* Ergänzungen: Ende */

Wir wünschen viel Erfolg mit Ihrer neuen Timeline App auf einer Breite von 810px. Bei Fragen bitte nutzen Sie einfach die Kommentarfunktion zu diesem Blogpost.

In den nächsten Wochen werden wir für die neue Chronik Anpassungen an den folgenden zwei Stellen vornehmen: (1) Das Fangate wird interaktiver und der von uns zur Verfügung gestellte Code wird standardisiert, so dass Sie das “neue” Fangate auch ohne Affinität zur Programmierung nutzen können. (2) Die neue Breite der Tab Apps von 810px werden wir berücksichtigen und Auswahlmöglichkeiten bzgl. der Breite zur Einbindung Ihrer App zur Verfügung stellen.

1. Fangate.

In unserem Blog Post haben wir eine Möglichkeit vorgestellt das “neue” Fangate für die Chronik zu nutzen. Voraussetzung dafür ist mindestens das Premium Paket, um an die Quelldaten, die es zu editieren gilt, heranzukommen. Der Rest ist “nur” noch etwas “Copy & Paste” Arbeit.

Im Default, also ohne Notwendigkeit den Quellcode anzupassen, steht Ihnen die Möglichkeit zur Verfügung für “Nicht Fans” eigene Inhalte anzubieten, die klassische Fangatefunktion. Nutzen Sie dafür einfach unsere “Fanfilter” Funktion, die Sie über das “Inplace Editing” aufrufen können.

2. Seitenbreite.

Im neuen Layout der Tabs eines Facebook Profils stehen in Zukunft 810px in der Breite zur Verfügung. Bereits heute können Sie über das Template System Anpassungen auf 520px Breite vornehmen. Ändern Sie dafür im *.css File Ihres Templates die dafür relevanten IDs und Klassen. wie z.B. die folgenden

.halalatiembedded {}

#masterwrapper{}

.fbinternframe{}

#mainframe{}

#fbframe{}

Haben Sie schon Erfahrungen gemacht mit der neuen Breite bzw. dem neuen Fangate für Ihre Facebook Chronik?

Teil 1: Öffnen Sie das Filesystem Ihrer Kampagne/Ihres Gewinnspiels (mindestens Premium Paket notwendig)

Öffnen Sie das Filesystem Ihrer Kampagne entweder über die Gewinnspiel Administration oder das Inplace Editing

• Klicken Sie in der Gewinnspiel Administration (https://campaigns.halalati.com/contestadmin/IHR-CONTEST-CODE)  auf “Filesystem öffnen”, oder
• im Inplace Editing (https://campaigns.halalati.com/ipe/IHR-CONTEST-CODE) auf “Look & Feel editieren”

Sie sehen nun das Filesystem. Sollten Sie noch kein eigenes Template angelegt haben, sehen Sie nun die Aufforderung ein eigenes Template anzulegen.

Teil 2: Editieren Sie das File nofanstartpage.html

Bei allen Halalati Kampagnen wir die Seite nofanstartpage.html zunächst allen “Nicht Fans” Ihres Facebook Profils angezeigt. Nach Klicken des “Gefällt mir” Buttons bekommen dann “Fans” Ihres Profils die Seite main.html angezeigt.

Öffnen Sie als nächstes die Seite nofanstartpage.html, um mit dem Editieren des klickbaren Fangates zu beginnen. Markieren Sie allen Code den Sie sehen über “Strg + alt” und kopieren Sie den folgenden Text in die Seite.

<html xmlns:halalati xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="https://www.facebook.com/2008/fbml">
<body>	
	<halalati:template>
			<halalati:text name="nofantext" scope="local"/>
	</halalati:template>
</body>
</html>

Damit haben Sie die nofanstartpage.html vorbereitet. Im nächsten Schritt beginnen Sie die einzelnen Elemente des Fangate aufzubauen.

Zunächst initialisieren Sie das Facebook SDK mit dem folgenden Code. Kopieren Sie diesen direkt unter das Tag.

	<!-- Initialisierung des SDKs -->
	<div id="fb-root"></div>
	<script type="text/javascript"> 
		(function (d, s, id) { 
			var js, fjs = d.getElementsByTagName(s)[0]; 
			if (d.getElementById(id)) { return; } 
			js = d.createElement(s); js.id = id; 
			js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1"; 
			fjs.parentNode.insertBefore(js, fjs); 
		} (document, 'script', 'facebook-jssdk'));
	</script>

Danach fügen Sie den Like Button zu Ihrer Page hinzu über den folgenden Code. Anstelle der URL http://www.facebook.com/halalati geben Sie die URL zu Ihrer eigene Fanpage ein. Über die ‘style’ Definition können Sie durch verändern der “top” und der “left” Werte die Position des Buttons auf Ihrer Grafik anpassen.

		<!-- individuelles Fangate -->
		<style>
			#likebutton {
				position:relative;
				top:100px;
				left:250px;
			}
		</style>
		<div id="likebutton">        
			<fb:like href="http://www.facebook.com/halalati" send="false" 
                        layout="button_count" width="86" show_faces="false" font=""></fb:like>	
		</div>

Danach initialisieren Sie Ihre Facebook App über den folgenden Code. Anstelle der appID ’126227560733600′ setzen Sie die App ID Ihrer Facebook App. Wenn Sie im Premium Paket unterwegs sind, dann können Sie die ’126227560733600′ belassen wie sie ist.

	<!-- Initialisierung der App -->
        <script src="http://connect.facebook.net/de_DE/all.js"></script> 
        
		<script> 
            FB.init({ 
 	        appId      : '126227560733600', // App ID                
                status: true, // check login status 
                cookie: true, // enable cookies to allow the server to access the session 
                xfbml: true  // parse XFBML 
            }); 
        </script> 

Als nächstes fügen Sie hinzu was passieren soll (Weiterleitung auf die Startseite für Fans, die main.html), wenn ein User den “Gefällt mir” Button geklickt hat über den folgenden Code. Anstelle des “IHR-CONTEST-CODE” schreiben Sie Ihren Contestcode hinein, den Sie in der Administration Ihres Wettbewerbs/Ihrer Kampagne finden.

	<!-- Definition der Weiterleitung -->      
        <script type="text/javascript"> 
            FB.Event.subscribe('edge.create', 
		    function (response) { 
		        window.location.href = '/fc/halalaticb/IHR-CONTEST-CODE/home';
		}); 
        </script>

Jetzt sind Sie fast fertig. Sie müssen “nur” noch eine Grafik hinterlegen, die die User sehen sollen, die auf dem Fangate landen. Fügen Sie hierfür den folgenden Code hinzu. Den Link zu Ihrer Grafik müssen Sie hier src=”/css/IHR-CONTEST-CODE/IHRE-GRAFIK.png” noch anpassen dafür.

	<img src="/css/IHR-CONTEST-CODE/IHRE-GRAFIK.png">

Herzlichen Glückwunsch. Der Fanfilter bzw. das Fangate für Ihre Facebook Profil ist nun erstellt. Wenn Sie alles ‘richtig’ gemacht haben, sieht der gesamte Code für die nofanstartpage.html aus wie folgt:

<html xmlns:halalati xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="https://www.facebook.com/2008/fbml">
<body>	
	<halalati:template>	

		<!-- Initialisierung des SDKs -->
		<div id="fb-root"></div>
		<script type="text/javascript"> 
			(function (d, s, id) { 
				var js, fjs = d.getElementsByTagName(s)[0]; 
				if (d.getElementById(id)) { return; } 
				js = d.createElement(s); js.id = id; 
				js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1"; 
				fjs.parentNode.insertBefore(js, fjs); 
			} (document, 'script', 'facebook-jssdk'));
		</script>	

		<!-- individuelles Fangate -->
		<style>
			#likebutton {
				position:relative;
				top:100px;
				left:250px;
			}
		</style>
		<div id="likebutton">        
			<fb:like href="http://www.facebook.com/pages/Halalati-Appcenter/130743440274966" send="false" layout="button_count" width="86" show_faces="false" font=""></fb:like>	
		</div>
		
		
		<!-- Initialisierung der App -->
		<script src="http://connect.facebook.net/de_DE/all.js"></script> 
		
		<script> 
			FB.init({ 
			appId      : '126227560733600', // App ID                
				status: true, // check login status 
				cookie: true, // enable cookies to allow the server to access the session 
				xfbml: true  // parse XFBML 
			}); 
		</script> 

		<!-- Definition der Weiterleitung -->
		<script type="text/javascript"> 
			FB.Event.subscribe('edge.create', 
			function (response) { 
				window.location.href = '/fc/halalaticb/IHR-CONTEST-CODE/home';
		}); 
		</script>			
			
		<img src="/css/IHR-CONTEST-CODE/IHRE-GRAFIK.png">
                <halalati:text name="nofantext" scope="local"/>
	</halalati:template>
</body>
</html>

Wir wünschen viel Erfolg beim “Fangating” auf Ihrer neuen Facebook Chronik bzw. Timeline.