Google +1 Button via jQuery und Ajax asynchron laden

JavaScript / RAW / github:gist
( function( $ ) {
	$( document ).ready( function() {
		// Skript wird nur geladen, wenn ein Artikel in der Einzelansicht angezeigt wird.
		if ( $( 'body.single' ).length ) {
			$.ajax( {
				type: 'GET',
				url: 'https://apis.google.com/js/plusone.js', // Link zur plusone.js Datei.
				timeout: 1000, // Passiert innerhalb von 1000ms nichts, wird der Ladevorgang abgebrochen.
				dataType: 'script',
				cache: true, // Javascript Datei cachen lassen.
				success:
					function() { // Bei Erfolg Variable lang auf de setzen.
						window.___gcfg = { lang: 'de' };
					},
				error:
					function() { // Bei einem Fehler kann z.B. etwas entfernt werden.
						$( '.google' ).parent().hide();
					}
			} );
		};
	} );
} )( jQuery );

Hinweis

Dieser Codeschnipsel eignet sich natürlich nur, wenn jQuery schon anderweitig genutzt wird.
Weitere Informationen gibt es auf der offiziellen Seite des +1 Button Generators.

Leave a Reply