« 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...
916 mal angeschaut
03.02.2011 15:38
TYPO3 Backend Layouts
674 mal angeschaut
27.04.2011 23:57
TYPO3 4.5 und kb_nescefe und Security Token
657 mal angeschaut
18.03.2011 17:43
JQuery und IE9
622 mal angeschaut
24.03.2011 10:31

Zur Zeit wird gefiltert nach: Design
Filter zurücksetzen

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)

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...

06.03.2011
18:01

IE6 Count Down

IE6 Countdown

Es ist immer wieder das leidige Thema bei der Programmierung von Webseiten: die Webseite soll modern sein, die neusten Möglichkeiten des Internets ausschöpfen und dennoch auf allen Browsern und Geräten funktionieren. Ein Browser der Webprogrammierern immer wieder Feude macht, ist der Internet Explorer 6 (oder gar noch 5 oder 5.5). Leider ist dieser gerade bei größeren Firmen immer noch im Einsatz und somit fordern die Kunden auch sehr oft, dass die Seiten in diesem auch - und am Besten 1:1 - funktionieren.

Microsoft hat nun eine Kampagne gestartet, die die Verbreitung des Internet Explorers 6 auf unter 1% drücken soll. Mehr Informationen hier zu findet man unter http://www.ie6countdown.com/index.html

Auch wir nehmen an dieser Kampagne teil und haben den entsprechenden Banner eingebaut, der natürlich nur im IE6 oder kleiner zu sehen ist (daher anbei ein Screenshot). Schön wäre, wenn möglichst viele an dieser Kampagne teilnehmen und natürlich diejenigen, die noch IE6 verwenden, diesen aktualisieren, so dass dieser Browser in naher Zukunft keine Rolle mehr spielt.

 

 

01.12.2010
09:06

TOCO3 Blogged!

Ab sofort wollen wir in unserem Blog über unsere Erfahrungen in unserem täglichen Geschäft berichten. Wir möchten damit das Web ein wenig bereichern und hoffen natürlich auch auf entsprechende Kommentare und Erfahrungsaustausch. Letztendlich dient das ganze natürlich auch ein wenig zur SEO und wir hoffen über diesen Weg auch neue Kunden zu bekommen :-)

Diesen Blog haben wir übrigens mit der TYPO3 Extension t3blog von Snowflake realisiert. Damit war eine nahtlose Integration in unsere Webseite möglich.