Direkt zum Inhalt
Bild

Edutags Plugin für die eigene Webseite

dbs-admin | 8.6.2016 | 14:28

Was bietet das Edutags Plug-In

Wenn Du das Edutags Bookmarklet bereits kennst und Möglichkeit des Taggens für die Benutzer auf Deiner Webseite/Portal nutzen möchtest, bieten wir ein Plug-In an, mit dem Du die Inhalte Deiner Webseite auf Edutags anlegen, taggen, bewerten und kommentieren kannst.

Am Ende funktioniert es so: der Benutzer klickt auf den Edutags-Button auf Deiner Webseite. Dabei werden Metadaten von Deiner Webseite (Quelle) an ein Edutags-Formular angehängt. Dieses Formular wird bereits mit der URL der zu taggenden Ressource und dem Titel ausgefüllt. Der Benutzer braucht nur noch seine Schlagwörter zu ergänzen und auf Speichern zu klicken. Das Lesezeichen wird nun auf Edutags angelegt.

Außerdem kann auch mit einem Buttonklick ein Formular zum Bewerten und eins zum Kommentieren Ihrer Ressourcen aufgerufen werden. Dabei werden die Bewertung- und Kommentardaten auf Edutags gespeichert. Wenn es die Ressource auf Edutags noch nicht gibt, wird sie zunächst angelegt und anschließend mit einer Bewertung oder einem Kommentar versehen, je nach der aufgerufenen Funktion.

Technische Beschreibung

Das Edutags-Formular zum Taggen

http://www.edutags.de/export/bookmarks_export/edutags_tagging.php?portal=<PORTAL_NAME>&url=<URL>
&nodeTitle=<TITLE>&nodeDescription=<DESCRIPTION>&myAnnotation=<USER_GENERATED_DESCRIPTION>&nodeTags=<TAGS>

 

Das Edutags-Formular zum Bewerten

http://www.edutags.de/export/bookmarks_export/edutags_voting.php?portal=<PORTAL_NAME>&url=<URL>
&nodeTitle=<TITLE>&nodeDescription=<DESCRIPTION>&nodeTags=<TAGS>

 

Das Edutags-Formular zum Kommentieren / Annotation abgeben

http://www.edutags.de/export/bookmarks_export/edutags_comment.php?portal=<PORTAL_NAME>&url=<URL>
&nodeTitle=<TITLE>&nodeDescription=<DESCRIPTION>&nodeTags=<TAGS>

 

GET-Parameter

portal=<PORTAL_NAME> - ein eindeutiger Kürzel Ihrer Webseite (dieser Name sollte uns mitgeteilt werden, damit wir nachvollziehen können  von wo aus die Ressource angelegt / getaggt wurde)

url=<URL> - die URL der Ressource, die man bei Edutags anlegen / taggen möchte

nodeTitle=<TITLE> - Titel der Ressource

nodeTags=<TAGS> - komma- oder semikolonseparierte Schlagwörter

nodeDescription=<DESCRIPTION> - die offizielle Beschreibung der Ressource (z.B. aus dem META-Tag "description" der Onlineressource), diese Beschreibung wird im Namen des imaginären Portal-Benutzers (z.B. Benutzer 'Bildungsserver')

myAnnotation=<USER_GENERATED_DESCRIPTION> - die Beschreibung der Ressource, die im Namen der taggenden Benutzers gespeichert wird

Aufruf per JavaScript

Die drei Formulare (Taggen, Bewerten, Kommentieren) können auf Deiner Webseite per JavaScript aufgerufen werden, und zwar mit window.open(<FORMULAR_URL>);

Wir haben eine JavaScript Funktion vorbereitet (Plug-In), die Du benutzen kannst, um die ersten Schritte der Lösungsintegration zu vereinfachen:

Aufruf der Funktion:

callEdutagsBookmarkletProductive(<TITLE>, <DESCRIPTION>, <TAGS>, <URL>); return false;

Dieser Aufruf soll als 'onclick' Event Handler des HTML-Elementes (Button) definiert werden. Im folgenden Beispiel wird die Formular-URL auch im 'href'-Attribut gesetzt, für den Fall, wenn der Benutzer JavaScript ausgeschaltet hat:

<a href="http://www.edutags.de/export/bookmarks_export/edutags_tagging.php?portal=re
    &amp;url=http://www.bildungsserver.de/db/index.html
    &amp;nodeTitle=Deutscher Bildungsserver:  Onlineressourcen 
    &amp;nodeTags=&amp;nodeDescription=Der Deutsche Bildungsserver ist der 
    zentrale Wegweiser zu Bildungsinformationen im Internet. 
    Er bietet allen Interessierten grundlegende und hochwertige Informationen und Internetquellen
     - schnell, aktuell, umfassend und kostenfrei.
    &amp;myAnnotation=" 
    target="_blank" 
    onclick="callEdutagsBookmarkletProductive('Deutscher Bildungsserver:  Onlineressourcen ', 
                                              'Der Deutsche Bildungsserver ist der zentrale 
                                               Wegweiser zu Bildungsinformationen im Internet. 
                                               Er bietet allen Interessierten grundlegende 
                                               und hochwertige Informationen und Internetquellen 
                                               - schnell, aktuell, umfassend und kostenfrei.', 
                                               'Deutscher Bildungsserver; Bildungsinformation; 
                                               Bildung; Erziehung; Pädagogik; Deutschland', 
                                               'http://www.bildungsserver.de/db/index.html'); 
                                               return false;" 
     style="background: none; padding: 0px;">    

         <img title="Bei Edutags eintragen (Link öffnet neues Fenster)" 
              alt="Edutags-Logo" 
              src="http://www.edutags.de/themes/edutheme/favicon.ico" 
              name="edutagsbutton" 
              style="margin-bottom: -5px; height: 20px; width: 20px;">

</a>

 

Definition der Funktion:

function callEdutagsBookmarkletProductive(title, descr, keywords, url) {

  function m(n) {
    var m = document.getElementsByTagName('meta');
    var o = '';
    if(n) {
      for(var x=0,y=m.length; x<y; x++) {
        if (m[x].name.toLowerCase()==n) {
          o+=m[x].content;
        }
      }
    }
    return o!=''?o: '';
  }

  (function(){
    var title = (typeof title !== 'undefined') ? title : document.title;
    var description = (typeof descr !== 'undefined') ? descr : m('description');
    var url = (typeof url !== 'undefined') ? encodeURIComponent(url) : 
                                             encodeURIComponent(window.location.href);
    var keywords = (typeof keywords !== 'undefined') ? keywords : m('keywords');
    open('http://www.edutags.de/export/bookmarks_export/edutags_tagging.php
                                                       ?portal=re
                                                       &url='+url+'
                                                       &nodeTitle='+title+'
                                                       &nodeTags='+keywords+'
                                                       &nodeDescription='+description+'
                                                       &myAnnotation='+document.getSelection(),
                                       'Taggen','toolbar=no,scrollbars=1,width=500,height=690')
  })();

}



Kontakt: technik@edutags.de
Annotationen/Kommentare
teachtteach | 14.10.2017 | 21:15

Kann man ein einfaches Beispiel für die Einbindung eines solchen Formlars mal für eine Wordpress-Seite demonstrieren.
Das wäre für einen Blogger ohne wirkliche Programmiererfahrung vielleicht eine Hilfe. Aber vielleicht ist eine solche Kenntnis ja Voraussetzung für die Nutzung des Plugins.Dann könnte man es auch mitteilen.
Vielen Dank