License Injector

Zuletzt aktualisiert: 15. März 2019

Übersicht

Mit dem License Injector können Sie... Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Wichtiger Hinweis:

Sorgen Sie dafür, dass die Seite, in die Sie den License Injector einbinden, nicht öffentlich erreichbar ist! Jede Person mit Zugang zur Seite kann die Lizenz in seine SmarterTour Extension übernehmen.

Installation

Javascripte hinzufügen

Bei dem Extension Checker handlet es sich um jQuery-Plugin. Bitte stellen Sie sicher, dass jQuery vorhanden ist, bevor Sie das Plugin einbinden.
Sollte jQuery bei Ihnen noch nicht zum Einsatz kommen, so fügen Sie es ihrer Seite hinzu:

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
        integrity="sha256-3edrmyuQ0w65f8gfBsqowzjJe2iM6n0nKciPUp8y+7E=" crossorigin="anonymous"></script>

Alternative Versionen von jQuery finden Sie hier: code.jquery.com. Binden Sie das Skript analog ein.

Anschließend können Sie das License Injector jQuery Plugin zu Ihrer Seite hinzufügen:

<script src="https://resources.pokeshot.com/smartertour/smartertour.injector.jquery.js"></script>

Stylesheets ergänzen

Binden Sie folgenden Stylesheet ebenfalls in Ihre Seite ein, bevorzugt innerhalb des <head>-Tags.

<link rel="stylesheet" href="https://resources.pokeshot.com/smartertour/smartertour.plugins.style.min.css">

Sie können das Layout des Extension Checkers Ihren Vorstellungen oder dem Corporate Design entsprechend anpassen. Mehr Infos dazu finden Sie im Abschnitt "Styling"

Plugin anbinden

Ergänzen Sie Ihre Seite um einen Container, an dem das Plugin angehangen werden soll.

<div id="smartertour-injector"></div>

Initialisieren Sie anschließend das Plugin, indem Sie folgenden Block ergänzen.

<script type="text/javascript">
    $(function({
        $('#smartertour-injector').smartertourLicenseInjector({
            key: '<LIZENZSCHLÜSSEL>'
        });
    });
</script>
                                        

Plugin anpassen

Verhalten

Der License Injector lässt sich über verschiedene Parameter weiter konfigurieren.

Option Standardwert Beschreibung
key
null Ihr Lizenzschlüssel, der an die Extension übertragen werden soll.
(erforderlich)
tries
25 Anzahl der Versuche die Erweiterung zu laden/finden
interval
250 Intervall zwischen den einzelnen Ladeversuchen (in ms)

Internationalisierung

Über die Option "text" können Sie alle Texte innerhalb des Plugins anpassen.

Beispiel
$('#smartertour-check').smartertourLicenseInjector({
    key: '123456789',
    text: {
         error: 'Die Extension ist leider nicht installiert oder nicht aktiviert.',
         success: 'Die SmarterTour-Erweiterung wurde erfolgreich installiert und konfiguriert.',
    }
});

Folgen Texte können auf diese Weise geändert werden:

Text-Option Standardwert
error
Die Extension ist leider nicht installiert oder nicht aktiviert.<br/>Bitte kontaktieren Sie Ihren Systemadministrator.
success
Die SmarterTour-Erweiterung wurde erfolgreich installiert und konfiguriert.

Styling

Der License Injector hat ein Basis-Stylesheet zur Darstellung.
Diese kann man jedoch mit einer eigenen CSS Datei übeschrieben und so an die Darstellung der eigenen CI angepasst werden.

Beispiel Stylesheet
<link rel="stylesheet" href="https://resources.pokeshot.com/smartertour/smartertour.plugins.custom.css">

Laden Sie diese Datei herunter und modifizieren Sie sie nach Ihren Vorstellungen.

Komplettes Beispiel

<html lang="de">
<head>
    <title>SmarterTour Extension Check</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
    <script src="https://resources.pokeshot.com/smartertour/smartertour.injector.jquery.min.js"></script>
    <link rel="stylesheet" href="https://resources.pokeshot.com/smartertour/smartertour.plugins.style.min.css">
    <link rel="stylesheet" href="https://resources.pokeshot.com/smartertour/smartertour.plugins.custom.css">
</head>
<body>
    <div class="container">
        <div class="grey-box">
            <h3 class="injector-title">SmarterTour Konfiguration</h3>
            <div id="smartertour-injector"></div>
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            $('#smartertour-injector').smartertourLicenseInjector({
                key: '123456789'
                interval: 250,
                tries: 25,
                text: {
                    error: 'Die Extension ist leider nicht installiert oder nicht aktiviert.',
                    success: 'Die SmarterTour-Erweiterung wurde erfolgreich installiert und konfiguriert.'
                }
            });
        });
    </script>
</body>
</html>

Ein Live-Beispiel ist leider nicht möglich, da dadurch unter Umständen Ihre bereits vorhandene Lizenz überschrieben wird.