« Mai 2012»
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    

Kategorien

Blogrolls

Letzte Kommentare

Inline
04.02.2011 13:09

Archiv

Kopieren Sie diesen Link in Ihren RSS-Reader

RSS 0.91Nachrichten
RSS 2.0Nachrichten

Meist gelesene Posts

Wochentag lokalisiert mit Fluid aus einem DateTime Objekt...
918 mal angeschaut
03.02.2011 15:38
TYPO3 Backend Layouts
675 mal angeschaut
27.04.2011 23:57
TYPO3 4.5 und kb_nescefe und Security Token
658 mal angeschaut
18.03.2011 17:43
JQuery und IE9
625 mal angeschaut
24.03.2011 10:31

Zur Zeit wird gefiltert nach: facebook
Filter zurücksetzen

12.05.2012
18:35

TYPO3 und Bilder bei Facebook Links

Warum keine Bilder bei Facebook Verlinkungen zur Auswahl angeboten werden?

Setzt man RealUrl auf seiner TYPO3 Seite ein, so kann - trotz der Angabe der BaseURL - Facebook keine Bilder laden, wenn man eine Unterseite verlinken will. Dies liegt wohl daran, daß Facebook die <base href="..."/> Angabe ignoriert.

Für Abhilfe sorgt ein:

config.absRefPrefix = / 

im TypoScript Template - aber Achtung: es gibt auch Extensions die damit nicht klar kommen! 

Zurück

11.05.2011
13:54

automatische Sprachwahl bei der Integration von TYPO3 in Facebook

Automatische Sprachwahl bei der Integration von TYPO3 in Facebook

In unserem letzten Blog Eintrag haben wir beschrieben, wie man TYPO3 in Facebook integrieren kann. Dieser Beitrag erklärt, wie man zusätzlich noch die Sprache der integrierten TYPO3 Site automatisch auf die in Facebook gewählte Sprache schaltet.

Vorbereitung

Zunächst legt man ganz gewöhnlich die Sprachen in TYPO3 an und übersetzt die Seiten. Wir zeigen hier ein Beispiel für einen Single-Tree, dieses läßt sich aber auch auf den Multi-Tree Ansatz übertragen. Das TYPOScript sollte schon soweit funktionieren, dass sich die Sprache über einen Parameter auswählen läßt, d.h. es sollte etwas in diese Art im TYPOScript zu finden sein:

 

config.linkVars = L

#English, sys_language.uid = 0
[globalVar = GP:L = 0]
config.sys_language_uid = 0
config.language = en
config.locale_all = en_GB
config.htmlTag_langKey = en

#German, sys_language.uid = 1
[globalVar = GP:L = 1]
config.sys_language_uid = 1
config.language = de
config.locale_all = de_DE
config.htmlTag_langKey = de
[global]

Die ausgwählte Sprache von Facebook abfragen

Die Sprache, die der Facebook User eingestellt hat, läßt sich über eine User Funktion in TYPOScript abfragen.

Hierzu benötigt man zunächst ein entsprechendes Skript. Da der TYPO3 Core die localconf.php teilweise öfter ausführt kommt es zu Fehlern, wenn man die Funktion direkt dort hineinschreibt. Daher erstellt man ein neues File in typo3conf, z.B. facebook.php mit folgenden Inhalt:

<?php
function parse_signed_request($signed_request, $secret)
{
    list($encoded_sig, $payload) = explode('.', $signed_request, 2);
    // decode the data
    $sig = base64_url_decode($encoded_sig);
    $data = json_decode(base64_url_decode($payload), true);

    if (strtoupper($data['algorithm']) !== 'HMAC-SHA256') {
        error_log('Unknown algorithm. Expected HMAC-SHA256');
        return null;
    }
    // check sig
    $expected_sig = hash_hmac('sha256', $payload, $secret, $raw = true);
    if ($sig !== $expected_sig) {
        error_log('Bad Signed JSON signature!');
        return null;
    }
    return $data;
}
function base64_url_decode($input)
{
    return base64_decode(strtr($input, '-_', '+/'));
}

function user_facebook($lan)
{
    $app_secret = "f170ea8186b8acf89a511a4295148f27";
    $data = parse_signed_request($_REQUEST['signed_request'], $app_secret);
    $page_user = $data['user'];
    if ($lan == $page_user['locale']) {
        return true;
    } else {
        return false;
    }
}

?>

 

diese wir dann in der localconf.php inkludiert:

include_once('facebook.php');

(wichtig: include_once verwenden!) 

TYPOScript anpassen

Im letzten Schritt wird über eine UserFunc die Facebook Locale abgefragt und dementspechend die Sprache gesetzt:

[userFunc = user_facebook(de_DE)]
config.sys_language_uid = 1
config.language = de
config.locale_all = de_DE
config.htmlTag_langKey = de
[end]

(das PHP File muss vorher nicht über TYPOScript inkludiert werden, der Eintrag in der localconf.php reicht aus)

Zurück

06.05.2011
21:43

TYPO3 in Facebook integrieren

Seit noch gar nicht so langer Zeit kann man in Facebook wieder IFrame Tabs verwenden. Somit ist es möglich Inhalte von einem beliebigen Server in Facebook auf eine Facebook Seite zu integrieren und somit natürlich auch Inhalte aus TYPO3

Facebook Seite erstellen

Zunächst benötigt man eine Facebook Seite. Den Erstellungs-Prozess kann man z.B. von der Facebook Login Seite aus starten:

Facebook Anwendung erstellen

Im nächsten Schritt erstellt man eine Facebook Anwendung. Dazu öffnet man folgende URL: http://www.facebook.com/developers/ und klickt auf "Erstelle eine neue Anwendung":

 

 

 

 

Im ersten Schritt muss man der Anwendung einen Namen geben und den Bedingungen zustimmen:

Nachdem man die Sicherheitskontrolle "bestanden" hat, geht es richtig los. Auf dieser Maske ist das "Symbol" wichtig, denn dieses wird dann später in der Navigation angezeigt:

auf dem Reiter "Website" kommt in das Feld "Site URL" die URL der Seite, die man im IFrame anzeigen möchte - hierfür sollte man in TYPO3 eine Seite angelegt haben, die eine Breite von 520px hat (aus Mangel an solch einer Seite für diese Anleitung bauen wir unsere komplette Homepage ein):

Im Tab "Facebook Integration" müssen die Felder "Canvas Page", "Canvas-URL", "Name des Reiters" (wird nachher im Menü verwendet) und "URL des Reiters" ausgefüllt werden:

Nach dem Speichern muß man noch die erstellte Anwendung der Seite hinzufügen. Dafür geht man zunächst auf die "Anwendungs-Profilseite":

Auf der Profilseite findet man link unten den Link "Zu meiner Seite hinzufügen". In der Box wählt man dann die Seite aus, auf der die Anwendung angezeigt werden soll:

Das war es schon, auf der ausgewählten Seite befindet sich nun ein neuer Navigationpunkt. Wird dieser ausgewählt öffnet sich unsere Seite in einem IFrame (in dem Screenshot sieht man, was passiert, wenn die Seite breiter als 520 Pixel ist ;-) ):

Somit hat man die volle Kontrolle über die Inhalte der Seite in TYPO3. Natürlich kann man auch Javascript verwenden, oder z.B. mit Google Analytics die Besucher tracken...

Zurück