Bookmarklets
Die Bookmarklets sind feine Sachen, denn man kann tolle Dinge damit machen. :-)
Ein Bookmarklet ist ein Browser-Lesezeichen, welches aber nicht die URL einer Webseite speichert, sondern Javascript-Code. Dieser kann dann auf eine gerade im Browserfenster angezeigte Webseite losgelassen werden.
Das Bookmarklet hat Zugriff auf den kompletten Seiteninhalt, kann diesen verändern oder Daten extrahieren und z.B. in einem neuen Fenster darstellen.
Vor einiger Zeit hatte ich bereits mal ein Bookmarklet angepaßt, war nur aber nun nicht mehr ganz damit zufrieden. Besonders die Konfiguration über einen einfachen Eingabedialog waren mir zu wenig komfortabel.
So habe ich eine neue Version des Bookmarklets entwickelt, mit anderere Darstellung, mehr Optionen und einer Exportfunktion.
Google Bilder-Liste
Bookmarklet – Google Bilder-Liste (1.3)
So sieht die Trefferliste der Google-Bildersuche für Brötchen nach Aufruf des Bookmarklets aus. Die Ausgabe ist gefiltert, Google findet natürlich mehr Brötchen-Bilder als nur drei. :-)
Die Liste
Die Tabelle zeigt in der ersten Spalte das Thumbnail und die Bildgröße, in der zweiten die Position in der Bildersuche an. In der dritten Spalte findet man untereinander Bild-Id, Bild-URL und Seiten-URL (Referenz). Die Kästchen davor geben durch verschieden Farben Auskunft über den Status.
Für Bild-ID, Bild-URL und Seiten-URL bedeutet grün, daß es sich um ein eigenes Bild bzw. eine eigene Seite handelt. Ist das Kästchen vor der Seiten-URL gelb, kommt der Treffer von einer erlaubten Domain, die aber keine eigene ist.
Das rote Kästchen zeigt einen Hotlink bzw. eine Bildkopie an. Das Bild ist also ein eigenes Bild (ID oder Bild-URL), die Seite ist jedoch nicht in der Liste der eigenen oder erlaubten Domains zu finden.
Ein Klick auf eines der Kästchen zeigt folgendes an:
Bild-Id: Google Suche mit weiteren Seiten, die das Bild verwenden
Bild-URL: das Bild
Seiten-URL: die Seite mit dem Bild
Die Links hinter der Bild ID rufen die jeweilige Google-Suche für das Bild auf.
Die Optionen
Im oberen Berich kann man Ausgabe-Filter festlegen. Folgende Optionen sind für die Anzeige möglich:
(●) Alle Bilder
alle Bilder, die in der Google-Trefferliste vorhanden sind
(●) Eigene Bilder
Bilder, die in der Liste der eigenen Domains oder bei den gespeicherten Bild-IDs zu finden sind
(●) Eigene Seiten
Seiten, die in der Liste der eigenen Domains zu finden sind
(●) Hotlinks/Kopien
Eigene Bilder, bei denen die Seite nicht in der Liste der eigenen oder erlaubten Domains zu finden ist
(●) Gefilterte Seiten
Seite, die in der Domain-Filter Liste zu finden sind
Die Option [x] Filter negieren dreht die Logik um. Das beutet z.B. für die Option Eigene Seiten, daß nun alle Seiten angezeigt werden, die nicht in der Liste der eigenen Domains zu finden sind.
Mit der Option [x] Nur ein Treffer pro Domain wird nur der jeweils erste Treffer einer Domain angezeigt.
Die Aktionen
Einzige Aktion ist im Moment der Download der Bilderliste als CSV-Datei mit CSV Download. Die Liste wird so ausgegeben, wie sie gerade angezeigt wird. Die Felder sind mit Semikoln getrennt. Damit können die Daten einfach z.B. in Excel weiterverarbeitet werde.
Google Bilder-Liste Konfiguration
Bookmarklet – Google Bilder-Liste Konfiguration
Mit dem Konfigurations-Bookmarklet können die Domainlisten und Optionen verwaltet werden.
Welche Liste wofür benutzt wird, geht aus Beschreibung oben zu den Filtern hervor.
Der Text im Eingabefeld wird mit [Hinzufügen] der Liste hinzugefügt. Dabei wird nicht geprüft, ob es sich syntaktisch um eine Domain handelt. Die Text ist ohne http:// und / am Ende einzugeben, also nur der Domainname. Es konnen auch mehrere Namen mit Leerzeichen, Komma oder Semikolon getrennt eingegeben/eingefügt werden.
Mit [Löschen] werden Einträge aus der Liste gelöscht. Eine Mehrfachauswahl ist möglich. Die aktuelle Liste kann mit Download als Textdatei heruntergeladen werden. Die Einträge sind mit Semikolon getrennt.
Mit Optionen kann die Voreinstellung für das Anzeigefilter festgelegt werden.
Zu guter Letzt und gaaanz wichtig, mit [Einstellungen speichern] werden die Einstellungen übernommen.
Die Listen der Domains und die Optionen werden im localStorage gespeichert, was bei sehr alten Browsern nicht funktioniert. Zudem müssen Cookies für die Google-Domain erlaubt sein.
Die Bookmarklets
Aktuelle Version: 2.2.5
Google Bilder Liste Google Bilder Konfig Google Bilder IDs
Die Bookmarklets sind zwar Links, es macht aber wenig Sinn, diese hier direkt anzuklicken. Vielmehr müßt Ihr sie als Lesezeichen im Browser speichern, also z.B. einfach in die Bookmarkleiste ziehen.
Hinweise zur Benutzung
Dann ruft Ihr die Google-Bildersuche mit dem gewünschten Suchbegriff auf und startet das Bookmarklet durch Anklicken des Lesezeichens (Buttons in der Lesezeichenleiste).
Bookmarklet – Google Bilder-Liste Anwendung
Google stellt in der Bildersuche direkt nach dem Aufruf zunächst die Liste der ersten 100 Treffer bereit. Falls Ihr mehr Ergebnisses in der Liste haben wollt, müßt Ihr mit dem Scrollbalken rechts ganz nach unten Scrollen. Dann werden ggf. weitere 300 Suchergbnisses nachgeladen. Die Liste ist somit 400 Treffer. Gibt es noch mehr Treffer, ist ganz unten eine Schaltfläche [] zu sehen. Damit werden die nächsten 100 Treffer geladen. Und auch hier gilt, wollt Ihr die komplete Liste haben, müßt Ihr ganz nach unten scrollen.
Das Bookmarklet funktioniert mit der Google-Bildersuche und auch mit den speziellen Funktionen wie „Weitere Größen“ und „Optisch ähnkich“.
Suche mit Bild
Bei der „Suche mit Bild“ ist eine Besonderheit zu beachten.
Hier wird von Google eine andere Darstellung als in der Bildersuche verwendet. Sie entspricht eher der normalen Such und ist entsprechend seitenweise (je 10 Treffer) strukturiert. Um alle Treffer zu erfassen, öffnet und schließt das Bookmarklet die jeweiligen Trefferseiten.
Da hier der Browser zunächst das Öffnen neuer Fenster anmeckert, müßt Ihr das erlauben, damit das Erstellen der List klappt. Ansonsten bleibt der Prozeß einfach stehen. Und es dauert je nach Seitenzahl etwas länger, bis alle Daten erfaßt sind.
Getestet habe ich die Bookmarklets zuletzt mit Firefox 98.0.2 (64-Bit), Google Chrome 99.0.4844.82 (64-Bit) und Microsoft Edge 99.0.1150.55 (64 Bit), damit funktioniert es. Mit dem Internet Explorer 9.0 funktioniert es nicht, dem sind die URLs zu lang.
Viel Spaß beim finden Eurer Bilder! :-)
{function getQueryVar(url,name){var retval=null;var pos=url.indexOf('?');var query=url.slice(pos+1);var vars=query.split('&');for(var t=0;t<vars.length;t++){var pair=vars[t].split('=');var n=pair.shift();var v=pair.join('=');if(n==name){retval=v;try{retval=decodeURIComponent(retval);try{retval=decodeURIComponent(retval);} catch(e){console.log('getQueryVar->decodeURIComponent (2) - '+e.message+' '+retval);}} catch(e){console.log('getQueryVar->decodeURIComponent (1) - '+e.message+' '+retval);} break;}} return retval;} var domList=[];var domCookie=localStorage.img_extractor_tbn;if(domCookie) domList=domCookie.split(' ');output='<html><head><title>High Position SERP Link Generator</title><style type=\'text/css\'>body,table{font-family:Tahoma,Verdana,Segoe,sans-serif;font-size:11px;color:#000}h1,h2,th{color:#405850}th{text-align:left}h2{font-size:11px;margin-bottom:3px}table.data{table-layout:fixed;width:100%;border-collapse:collapse;}table.data th,table.data td{overflow:hidden;border-bottom:1px solid #9eb8b0;padding:4px;}table.data th.id,table.data td.id {width:30px;}table.data th.img{width:75px;}table.data td.img{width:75px;height:60px;font-size:smaller;text-align:center;}table.data td.img img{max-width:75px;max-height:50px;}table.data th.dom{width:15%;}.mydom{background-color:#c5ffb5;}.hotlink{background-color: #ffb5b5;}</style></head><body>';output+='<h1>Google Image Search URL Extractor with Thumbnails</h1>';pageAnchors=document.getElementsByClassName('rg_l');var linkcount=0;output+='<table class=\'data\'><th class=\'img\'>Thumbnail</th><th class=\'id\'>ID</th><th class=\'dom\'>Image Domain</th><th>Image URL</th><th class=\'dom\'>Source Domain</th><th>Source URL</th>';for(i=0;i<pageAnchors.length;i++){linkcount++;var href=pageAnchors[i].href;var imgurl=getQueryVar(href,"imgurl");var sourceurl=getQueryVar(href,"imgrefurl");var width=getQueryVar(href,"w");var height=getQueryVar(href,"h");var img=pageAnchors[i].getElementsByTagName('img');var img_src=img[0].src;if(!img_src) img_src=img[0].getAttribute('data-src');var imgdom='';var imgdomd='';if(imgurl){arr=imgurl.split('/');imgdom=arr[2];imgdomd=arr[0]+'//'+arr[2];} var refdom='';var refdomd='';if(sourceurl){arr=sourceurl.split('/');refdom=arr[2];refdomd=arr[0]+'//'+arr[2];} var tr='<tr>';var ref_td='<td>';var mydom=false;var hotlink=false;if(domList.length){for(d=0;d<domList.length;d++){if(imgdom.indexOf(domList[d])>-1){mydom=true;hotlink=true;for(e=0;e<domList.length;e++){if(refdom.indexOf(domList[e])>-1){hotlink=false;break;}} break;}}} if(mydom) tr='<tr class=\'mydom\'>';if(hotlink) ref_td='<td class=\'hotlink\'>';output+=tr;var tbn_url='<img src=\''+img_src+'\' /><br />'+width+'x'+height;output+='<td class=\'img\'>'+tbn_url+'</td>';output+='<td class=\'id\'>'+linkcount+'</td>';output+='<td>'+imgdomd+'</td>';output+='<td>'+decodeURI(imgurl)+'</td>';output+=ref_td+refdomd+'</td>';output+=ref_td+decodeURI(sourceurl)+'</td>';output+='</tr>\n';} output+='</table><br/>';output+='<br/><p align=center><a href=\'https://www.highposition.com\'>www.highposition.com</a> <a href=\'https://schnurpsel.de\'><img src=\'https://schnurpsel.de/images/s48x30.png\' /></a></p>';with(window.open()){document.write(output);document.close();}})();){kind=link}