Integration von wunsch-index.de Wunschlisten in Webseiten

Als Webmaster haben Sie bei wunsch-index.de verschiedene Möglichkeiten, Ihre Wunschliste in Ihrer Webseite oder Ihrem Blog zu integrieren.

Wunschliste für Ihr Wordpress Blog
Wunschliste für Ihre Seite bei Jimdo
Wunschliste für alle anderen Webseiten


Wunschliste für Ihr Wordpress Blog

  1. Loggen Sie sich als Administrator in Ihr Wordpress Blog ein und öffnen Sie das Dashboard
  2. Im Menü Plugins > Installieren suchen Sie nach "wunsch-index"
  3. Laden Sie das in Punkt 1 heruntergeladene ZIP in ihr Blog hoch
  4. Klicken Sie in den Suchergebnissen auf "Jetzt installieren".
  5. Im Menü Design > Widgets sehen Sie jetzt im mittleren Bereich "Wunsch-Index.de".
  6. Ziehen Sie dieses Widget in den rechten Bereich, um es an der entsprechenden Stelle in ihrem Blog einzufügen.
  7. Gehen Sie bei Wunsch-Index.de zu ihrer Wunschliste und kopieren Sie die URL aus der Adressleiste ihres Browsers.
  8. Klicken Sie auf den Pfeil des Wunsch-Index.de - Widgets, das Sie eben im rechten Bereich platziert haben.
  9. Fügen Sie die URL zu ihrer Wunschliste in das URL Feld ein und geben Sie dem Widget einen Titel.
  10. Jetzt noch speichern und die Wunschliste wird in ihrem Blog angezeigt.


Wunschliste für Ihre Jimdo Seite

  1. Loggen Sie sich in Ihre Jimdo Seite ein
  2. Fügen Sie ein neues "Widget / HTML" Element in Ihre Seite ein - es erscheint eine Textbox
  3. Kopieren Sie den Code aus dem folgenden Abschnitt
  4. Ändern Sie die URLs im kopierten Code so, dass diese der URL zu Ihrer Wunschliste entsprechen.
  5. Fügen Sie den bearbeiteten Code in die Textbox ein und speichern Sie die Änderungen


Wunschliste für andere Webseiten

Die Wunschlisten bei wunsch-index.de können in verschiedenen Formaten abgerufen werden.
Angenommen, die URL zu Ihrer Wunschliste lautet:
http://www.wunsch-index.de/wunschliste_von_max-1-aaaaaaaa.htm
Folgende Formate lassen sich für diese Wunschliste wie folgt abrufen:
  1. Serialisiertes PHP Array:
    http://www.wunsch-index.de/wunschliste_von_max-1-aaaaaaaa.dat
  2. JSONP Daten:
    http://www.wunsch-index.de/wunschliste_von_max-1-aaaaaaaa.json
    Beim Aufruf der .json URL wird ein Parameter namens callback in der URL erwartet, der den aufzurufenden Funktionsnamen enthält.
Beispiel-Code zur Integration in eine Webseite (bzw. Jimdo Seite). Die rot markierten Teile der URLs müssen durch die entsprechenden Teile der URL zur eigenen Wunschliste ersetzt werden.
<noscript> Meine Wunschliste bei wunsch-index.de: <a href="http://www.wunsch-index.de/wunschliste_von_max-1-aaaaaaaa.htm">http://www.wunsch-index.de/wunschliste_von_max-1-aaaaaaaa.htm</a> </noscript> <div id="wunschindex" style="width:540px;">Meine Wunschliste bei wunsch-index.de: <a href="http://www.wunsch-index.de/wunschliste_von_max-1-aaaaaaaa.htm">http://www.wunsch-index.de/wunschliste_von_max-1-aaaaaaaa.htm</a></div> <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script language="javascript" type="text/javascript"> $(document).ready(function() { $.getJSON("http://www.wunsch-index.de/wunschliste_von_max-1-aaaaaaaa.json?callback=?",function(data) { var wi_html = '<div id="wunschindex_list">'; if (data.items.length > 0) { for (a=0; a<data.items.length; a++) { wi_html += '<div class="'+(data.items[a].reserved == false ? 'wunschindex_item_free' : 'wunschindex_item_reserved')+'" style="-webkit-border-radius: 10px;-khtml-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:1px solid #aaaaaa; width:100%;padding:10px;">'; wi_html += '<div class="wunschindex_item_image" style="width:120px;float:left;height:200px;text-align:center;padding-top:5px;">'; wi_html += '<a href="http://www.wunsch-index.de" target="_blank"><img src="http://www.wunsch-index.de/images/shopicon_'+data.items[a].shop+'.png" border="0" alt="Wunschliste" /><br/></a><br/>'; if (data.items[a].image != '') { wi_html += '<a href="'+data.items[a].link+'" target="_blank"><img src="'+data.items[a].image+'" border="0" alt="" /></a>'; } wi_html += '<br/><span style="font-size:18px;">'+data.items[a].price+' &euro;</span></div>'; wi_html += '<div class="wunschindex_item_text" style="float:left;width:400px;"><span style="color:#999999;text-transform:capitalize;font-size:x-small;padding:0px;">'+data.items[a].subtitle+'</span><br/>'; wi_html += '<a href="'+data.items[a].link+'" target="_blank" style="text-decoration:none;color:#333333;"><b>'+data.items[a].title+'</b></a><br/><br/>'; wi_html += data.items[a].description+'<br/>'; if (data.items[a].note != '') { wi_html += '<br/><b style="color:#ff0000;">Hinweis/Note:</b>'+data.items[a].note+'<br/>'; } wi_html += '<br/>'; if (data.items[a].reserved == false) { wi_html += '<a href="'+data.uri+'" target="_blank">Wunsch reservieren</a>'; } else { wi_html += '<span style="color:#ff0000;">Das Produkt wurde bereits reserviert.</span>'; } wi_html += '&nbsp;&nbsp;&nbsp;<a href="'+data.items[a].link+'" target="_blank">Zum Produkt</a></div><br style="clear:both;" /></div><br style="clear:both;" />'; } } wi_html += '</div>'; $('#wunschindex').html(wi_html); }); }); </script>