Auf CodeCanyon zeigen | Dokumentation lesen

With SocialBox you get an absolutely easy to use WordPress Plugin which enables you to add a sleek social widget to your WordPress site or blog. It displays the current numbers of Facebook likes, Twitter followers and Feedburner feed subscriptions. You can enter default values which will be shown if the related api is not reachable.

Features

• Displays Facebook likes, Twitter followers and Feedburner subscriptions
• Disable one or more of these (e.g. if you only want the Facebook likes)
• Updates every three hours to reduce load time and api calls.
• Default values, if one of the apis is not reachable
• Automatic update notifications
• Full support for all major browsers
• Localization ready (.pot file included)

Requirements

• WordPress 3+
• PHP 5.2+

Support

If you have any further questions or you need support using this Widget, feel absolutely free to send a message to support [ at ] jonasdoebertin [ dot ] net. You can also use the contact form on my profile page. I will do my very best to help and assist you as quick as possible.

Available on GitHub

With PasteLib you get a full-featured, ready-to-use Pastebin.com API Class, which supports all public API functions.

It takes care of building up the required and optional request parameters, checks if your inputs are valid and even converts the APIs XML responses to handy associative arrays!

You are able to create new Pastes as logged-in user or as a guest, list and delete a users Pastes and retrieve various account information.

All you need is your Pastebin.com Developer Key. Get it on: pastebin.com/api#1

Example:

require_once('pastelib.class.php');

//Create new instance
$PasteLib = new PasteLib('yourdeveloperkey');

//Login the user
$PasteLib->login('username', 'userpassword');

//Your ready to go!
print_r($DropLib->listPastes());

Available on CodeCanyon

With DropLib you get a fast and easy to use PHP DropBox API Library. Unlike other implementations out there, this class does not rely on PHPs OAuth extension, which is not available at most hosting services, to authorize its API calls but uses a set of lightweight pure PHP classes.

It allows you to up- and download, copy, move, rename and delete files, create new DropBox accounts, to display thumbnails of images and retrieve varius directory and account informations.

If you want a detailed overview of what is possible with the DropBox API , then have a look at “DropBox for Developers”.

Also you can read the DropLib documentation.

Requirements:

• PHP 5 or above
• cURL PHP extension

Leider ist es nicht ohne weiteres möglich, die oAuth PECL Erweiterung für PHP in XAMPP zu verwenden, da XAMPP immer noch mit Apache VC6 ausgeliefert wird. Folglich ist auch PHP in der VC6 Variante enthalten. Leider wird die oAuth Erweiterung jedoch seit einiger Zeit nur noch als VC9 Variante angeboten und eine alte kompilierte VC6 Version ist nicht aufzutreiben.

Da ich aber letztens in einem meiner Projekte die Authentifizierung an einer API (DropBox) per oAuth durchführen musste, blieb mir nur die Wahl, entweder um zu satteln und unter Linux zu entwickelt (igittigitt *duck*), oder aber die Erweiterung unter Windows zum laufen zu bringen.

Von Pierre Joye bekam ich den Tipp, doch einfach Apache VC9 und PHP VC9 zu installieren (liegt ja irgendwie auch nahe…). Auf die Vorzüge von XAMPP wollte ich aber nicht verzichten, weshalb ich einfach mal die VC6 Apache und PHP Versionen in XAMPP durch die VC9 Versionen ersetzt habe. Zu meinem Erstaunen hat dies ohne größere Probleme funktioniert.

Im folgenden habe ich alle Schritte detailliert beschrieben, ich hoffe man kann meinen Ausführungen folgen. Bei Fragen einfach einen Kommentar am Ende dieser Seite schreiben…

0. Benötigte Dateien:

• XAMPP (hier: 1.7.4) (falls noch nicht installiert)
  Quelle: http://www.apachefriends.org/de/xampp-windows.html
• Apache VC9 - Download: httpd-2.2.17-win32-x86-ssl.zip
  Quelle: http://www.apachelounge.com/download/
• PHP VC9 x86 – Download: php-5.3.5-Win32-VC9-x86.zip
  Quelle: http://windows.php.net/download/
• php_oauth.dll – Download: php_oauth-1.1.1-dev-5.3-vc9-x86.zip
  Quelle: http://downloads.php.net/pierre/

1. Sicherung des XAMPP-Ordners anlegen

Es ist unbedingt notwendig, eine Sicherung des gesamten XAMPP-Ordners anzulegen, wir benötigen später noch Dateien hieraus. Des weiteren sollten alle laufenden Apache (httpd.exe) Prozesse und das XAMPP-Control-Panel beendet werden.

2. Apache austauschen:

• Den Inhalt des pfad/zu/xampp/apache/ Ordners durch den Inhalt des Apache2 Ordners aus dem Downlad ersetzen.
• Danach den Inhalt von pfad/zu/xampp/apache/conf/ durch den Inhalt des in Schritt 1 gesicherten xampp/apache/conf/ Ordners ersetzen. Dies stellt die originalen, für XAMPP angepassten Konfigurationsdateien wieder her.

3. PHP austauschen:

• Den Inhalt des pfad/zu/xampp/php/ Ordners durch den Inhalt des Downloads ersetzen.
• Die Datei pfad/zu/xampp/php/php5apache2_2.dll in den Ordner pfad/zu/xampp/apache/modules/ kopieren, dabei ggf. die bereits vorhandene Version ersetzen.
• Danach die pfad/zu/xampp/php/php.ini Datei durch die in Schritt 1 gesicherte xampp/php/php.ini ersetzen. Auch dies stellt die für XAMPP angepasste Konfiguration wieder her.
• In der dieser jetzt ersetzen php.ini folgende Zeile suchen: extension=php_ming.dll und diese auskommentieren (ein Semikolon an den Zeilenanfang setzen). Diese Erweiterung wird dadurch deaktiviert; sie ist nicht kompatibel mit PHP VC9.

4. oAuth Erweiterung installieren:

• Die Datei php_oauth.dll aus dem letzten Download in den Ordner pfad/zu/xampp/php/ext/ kopieren.
• In der Datei pfad/zu/xampp/php/php.ini diese Zeile suchen: extension=php_bz2.dll und direkt darüber folgendes einfügen: extension=php_oauth.dll . Dieser letzte Schritt aktiviert die oAuth Erweiterung.

Fertig!

English Version

HowTo: Use oAuth with XAMPP under Windows

Unfortunately, it’s not quite easy to use PHPs oAuth PECL Extension with XAMPP, when working on Windows. That’s based on the fact, that XAMPP shipps with Apache and PHP both as VC6 Versions, though the oAuth Extension is only available as VC9 Version.

As I said, it’s not the easiest way, but there is one. “Just” replace the VC6 Versions of Apache and PHP by the VC9 ones.

Below, I’ve written down all necessary steps;  I hope that you are able to follow them. If you have any questions, feel free to post a comment and ask it…

0. Required files

• XAMPP (here: 1.7.4) (if not installed already)
  Source: http://www.apachefriends.org/en/xampp-windows.html
• Apache VC9 – Download: httpd-2.2.17-win32-x86-ssl.zip
  Source: http://www.apachelounge.com/download/
• PHP VC9 – Download: php-5.3.5-Win32-VC9-x86.zip
  Source: http://windows.php.net/download/
• php_oauth.dll – Download: php_oauth-1.1.1-dev-5.3-vc9-x86.zip
  Source: http://downloads.php.net/pierre/

1. Create backup of XAMPP folder

It is absolutely important to create a backup of the whole XAMPP folder, since we need some of the original files, later. Further, all running Apache processes (httpd.exe) and the XAMPP Control Panel should be closed.

2. Replace Apache

• Replace the contents of the folder /path/to/xampp/apache/ by the contents of the apache2/ folder in the download.
• After that, replace the contents of /path/to/xampp/apache/conf/ by the content of the backed up original /xampp/apache/conf/ folder. This will restore the xampp-customized configuration files.

3. Replace PHP

• Replace contents of /path/to/xampp/php/ by the contents of the download.
• Copy the file /path/to/xampp/php/php5apache2_2.dll to /path/to/xampp/apache/modules/ . If this file already exists at that location, then override it.
• Replace the file /path/to/xampp/php/php.ini by the backed up original. This restores the customized php configuration.
• In this restored php.ini file search for extension=php_ming.dll and comment it out (put a semikolon at the beginning of the line). This Extension will be deactivated; it’s not compatible to PHP VC9.

4. Install the oAuth extension

• Copy the file php_oauth.dll from the last download to /path/to/xampp/php/ext/ .
• In the edited php.ini from step 3 find the line: extension=php_bz2.dll and right above that add this line: extension=php_oauth.dll . This last step finally activates the oAuth extension.

Your done!

Eigentlich ist es recht einfach, einen bestehenden asynchronen Tracking Code (ga.js) um die Anonymisierung zu erweitern. Jedoch ist die Information, welche zusätzliche Zeile benötigt wird, von Google gut versteckt worden.

Es reicht, einen einfachen Funktionsaufruf in den bestehenden Tracking-Code einzufügen.

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXX-X']);
_gaq.push(['_gat._anonymizeIp']);
_gaq.push(['_trackPageview']);

(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

Durch die Zeile _gaq.push['_gat.anonymizeIp']); wird veranlasst, das der vierte und letzte Block der IP-Adresse durch 0 ersetzt wird (aus 87.182.45.237 wird 87.182.45.0). Dadurch ist eine exakte Zuordnung nicht mehr möglich.

Den Namen setzen

Den Namen der WebApp festlegen ist denkbar einfach: Es geschieht auf gleiche Weise wie bei “normalen” Webseiten.
<title>Meine WebApp</title>

Das Icon festlegen

Das Icon ist ein 57 x 57 Pixel großes PNG, welches auf dem iPhone und dem iPad auf dem Home Screen angezeigt wird. Auch wenn im Code apple-touch-icon geschrieben steht, so wird dieser trotzdem auch von anderen Systemen korrekt interpretiert, z.B. von Android.

Es gibt zwei Möglichkeiten das Icon festzulegen, welche sich jedoch nur im optischen Resultat voneinander unterscheiden.
<link rel="apple-touch-icon-precomposed" href="icon.png" />Bei dieser Variante wird das Icon so wie es ist (mit der Ausnahme das die Ecken abgerundet werden) auf dem Home Screen angezeigt.
<link rel="apple-touch-icon" href="icon.png" />Bei der zweiten Variante des Codes fügen iPhone und iPad dem Icon zusätzlich den bekannten “Apple Gloss”, also den Lichtreflex, hinzu.

Den Vollbildmodus nutzen

Es ist möglich, eigene WebApps im Vollbildmodus zu verwenden. Dabei wird die standardmäßig angezeigte graue Adressleiste von Safari ausgeblendet, sodass wesentlich mehr Bildschirm für die WebApp zur Verfügung steht.
<meta name="apple-mobile-web-app-capable" content="yes" />

Das Aussehen der Statusleiste

Wird die WebApp im Vollbildmodus verwendet, kann auch das Aussehen der Statusleiste am oberen Rand des Displays festgelegt werden.
<meta name="apple-mobile-web-app-status-bar-style" content="default" />Ist der Wert auf default gesetzt, so erscheint die Statusleiste normal. Wird der Wert auf black verändert, erhält die Leiste einen schwarzen Hintergrund; bei black-translucent wird sie leicht transparent und die WebApp verwendet auch den hinter der Statusleiste liegenden Platz zur Anzeige.

Automatisches markieren von Telefonnummern abschalten

Standardmäßig sucht Safari auf Webseiten nach Zeichenfolgen, wie Telefonnummern und markiert diese, um die Übernahme in das Adressbuch zu erleichtern. Da dieses Verhalten in WebApps unerwünscht sein kann, gibt es eine Möglichkeit dies abzuschalten.
<meta name="format-detection" content="telephone=no" />

Den Viewport festlegen

Diese Angabe legt die Höhe / Breite des Inhalts, den minimalen, maximalen Zoom-Wert und ob überhaupt gezoomt werden darf fest.

Es existieren folgende Einstellmöglichkeiten:

• width – Breite des Viewport in Pixel (200 – 10.000, Standard: 980)
• height – Höhe des Viewport in Pixel (223 – 10.000, Standard: Berechnet anhand der Breite und des Seitenverhältnisses des Displays)
• minimum-scale – Minimaler Zoom-Wert (>0 – 10, Standard: 0.25)
• maximum-scale – Maximaler Zoom-Wert (>0 – 10, Standard: 1.6)
• initial-scale – Anfänglicher Zoom-Wert (minimum-scale – maximum-scale)
• user-scalable – Legt fest, ob der Benutzer zoomen kann (yes / no, Standard: yes)

<meta name="viewport" content="width=device-width" />Die Breite des Viewport wird auf die Breite des Displays gesetzt.
<meta name="viewport" content="initial-scale=1.0" />Die Anwendung wird zunächst in Originalgröße angezeigt.
<meta name="viewport" content="initial-scale=2.3, user-scalable=no" />Die Anwendung wird in 2.3x Vergrößerung angezeigt; ein Ändern des Zooms ist nicht möglich.

Weitere Informationen

• Safari HTML Reference: Supported Meta Tags

In seinem Code wird das alte synchrone Google Analytics Script verwendet. Nun gibt es allerdings seit einiger Zeit eine neue asynchrone Variante des Scripts, welche etwa so aussieht:

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXX-X']);
_gaq.push(['_trackPageview']);

(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

Da der Code von Ian Pitts mit diesem Script leider nicht mehr korrekt funktioniert, ist eine kleine Anpassung notwendig. Der vollständige aktualisierte Code um externe Links zu tracken sieht wie folgt aus:

$('#content a:not(.no-tracking)').each(function(){
    var link = this;
    if (link.hostname && link.hostname !== location.hostname){
        $(link).bind('click keypress', function(event){
            var code = event.charCode || event.keyCode;
            if (!code || (code && code == 13)){
                _gaq.push(['_trackEvent', 'Externe Links', this.href, this.title]);
            };
        });
    };
});

Erklärung:

1. Innerhalb des Content-Blocks werden alle Links gesucht, welche nicht die Klasse no-tracking besitzen
2. Es wird geprüft, ob der Hostname der Link-URL mit dem Hostname der aktuellen Seite übereinstimmt. Ist dies nicht der Fall, handelt es sich um einen externen Link und der nächste Schritt wird ausgeführt.
3. Für alle Links werden die click und keypress Events registriert und mit der Funktion zum Ereignistracking belegt.

Grundlage des Ereignistrackings ist folgende Funktion, welche vom Google Analytics Script zur Verfügung gestellt wird:
_gaq.push(['_trackEvent', 'Kategorie', 'Aktion', 'Beschreibung']);
Die Kategorie wird in meinem Script mit “Externe Links” bezeichnet; unter dieser Überschrift tauchen die Daten später in der Auswertung auf. Die Aktion ist in diesem Fall die URL des Links und als Beschreibung verwende ich das title Attribut des Links.

Mit dieser Funktion lassen sich auch viele andere Aktionen aufzeichnen, zum Beispiel Downloads, Videoaufrufe, Abstimmungen, usw.