DSC - Device Specific Content

Mit diesem Plugin können HTML-Inhalte gerätespezifisch (Mobil, Tablet und Desktop) ausgeliefert werden!

Plugin: DSC - Device Specific Content
Funktion: Inhalte abhängig vom aufgerufenen Gerät anzeigen lassen - Serverseitige Filterung über den User Agent.
Sprachen: Deutsch und Englisch

Mit diesem Plugin können HTML-Inhalte gerätespezifisch ausgeliefert werden. Der Vorteil dabei ist, dass die Inhalte bereits auf dem Server aufbereitet werden und somit nicht erst komplett an den Client übertragen werden müssen. Beim responsiven Webdesign werden alle Inhalte an den Browser transferiert und anschließend mittels JavaScript- und CSS-Anweisungen verarbeitet, abhängig von der Auflösung des Geräts. Dabei werden oftmals Inhaltsbereiche komplett ausgeblendet (oder manipuliert), vor allem auf einem mobilen Gerät. Trotzdem entsteht unnötiger Traffic, sowohl für den Besucher als auch für den Webserver. Werden unnötige Inhalte, wie z.B. eine Sidebar mit Videos oder Bilder, bereits vorher rausgefiltert, dann entfällt der aufwendige Lade- und Renderingprozess, was die Performance der Website stark verbessert.

Device Specific Content kann global im kompletten Frontend verwendet werden. Für die Benutzung in einem Editor (z.B. beim Schreiben eines Artikels oder bei einem Custom HTML Modul) kann eine einfache Syntax benutzt werden. Die Syntax kann überall verwendet werden, wo eine HTML Ausgabe für den Client generiert wird. Entwickler können über die API das Gerät des Besuchers abfragen und direkt in ihrem Code verwenden.

Features

• Optimierte, gerätespezifische Ausgabe aller HTML Inhalte
• Serverseitige Filterung der Inhalte
• Template-Stil abhängig vom Gerät (PRO)
• Nutzung über einfache Syntax oder über API-Aufruf (für Code)
• Erkennung von Mobil (Smartphone), Tablet und Desktop
• Nutzung einer leichtgewichtigen Erkennungsklasse (Mobile Detect)
• Sprachen: Deutsch und Englisch

Installation

Das Plugin übers Backend installieren und unter Erweiterung - Plugins - System - Device Specific Content aktivieren. Keine weiteren Einstellungen notwendig, das Plugin wird über die Syntax oder dem API-Aufruf ausgeführt.

Benutzung:

Hinweis: Die Syntax kann überall verwendet werden, wo eine HTML Ausgabe generiert wird (Front- und Backend). Für die korrekte Spezifizierung der Geräte wird das Skript Mobile Detect verwendet. Das Skript gibt es auf GitHub.

Die Erkennung des Clients erfolgt über den User Agent im HTTP-Request, dafür wird die leichtgewichtige Erkennungsklasse verwendet. Es wird zwischen Mobil, Tablet und Desktop unterschieden.

Mobil - {(!)mobile}...{/mobile} (Hier wird das englische Wort mobile verwendet!)

{mobile}Das wird nur in einem Mobile-Client angezeigt{/mobile}
{!mobile}Das wird überall außer in einem Mobile-Client angezeigt{/mobile}

Tablet - {(!)tablet}...{/tablet}

{tablet}Das wird nur in einem Tablet-Client angezeigt{/tablet}
{!tablet}Das wird überall außer in einem Tablet-Client angezeigt{/tablet}

Desktop - {(!)desktop}...{/desktop}

{desktop}Das wird nur in einem Desktop-Client angezeigt{/desktop}
{!desktop}Das wird überall außer in einem Desktop-Client angezeigt{/desktop}

API-Aufruf (im Code - für Entwickler)

Mobil - isMobile()

if(PlgSystemDeviceSpecificContent::isMobile()) {...}
if(PlgSystemDeviceSpecificContent::isNotMobile()) {...}

Tablet - isTablet()

if(PlgSystemDeviceSpecificContent::isTablet()) {...}
if(PlgSystemDeviceSpecificContent::isNotTablet()) {...}

Desktop - isDesktop()

if(PlgSystemDeviceSpecificContent::isDesktop()) {...}
if(PlgSystemDeviceSpecificContent::isNotDesktop()) {...}

Die Erkennung kann auch verwendet werden, wenn das Plugin deaktiviert ist. Dafür muss die Plugindatei vorher inkludiert werden:

if(!JPluginHelper::isEnabled('system', 'devicespecificcontent')) { require_once JPATH_PLUGINS.'/system/devicespecificcontent/devicespecificcontent.php'; }

Changelog

Download

Übersicht über alle Downloads zu dieser Erweiterung: DSC - Device Specific Content Downloads