AddThis Plugin kann Dienste in der mobilen Toolbox nicht ausschließen

8

Ich habe das Feld "addThis share" nach den Anweisungen implementiert. Ich möchte nur die folgenden Dienste in die Freigabe-Toolbox aufnehmen, die für den Desktop-Browser gut funktioniert, aber einfach auf Mobilgeräten ignoriert wird, was bedeutet, dass jeder Dienst auf der mobilen Version der Freigabe-Box angezeigt wird.

Hat noch jemand dieses Problem festgestellt? Was kann getan werden, um es zu reparieren?

%Vor%

JSFiddle - Link testen

    
user782104 14.03.2016, 17:33
quelle

3 Antworten

3

Dies ist ein Fehler

Sie wenden die Konfiguration korrekt an, das Problem ist, dass es sich um einen Fehler handelt, der schon seit einigen Jahren besteht:

Ein Benutzer hat im Juni 2013 gefragt:

  

Wir haben ein zusätzliches Steuerelement, das nur die von uns angegebenen Freigabedienste anzeigt, wenn es mit einem Desktop-Browser angezeigt wird. Wenn es von einem mobilen Gerät aus betrachtet wird (iPhone in diesem Fall), wechselt es auf einen neuen Tab in die mobile Ansicht (was gut ist), aber dann zeigt es alle möglichen Dienste an und nicht nur die spezifischen, die wir zeigen wollen. Gibt es eine zusätzliche Konfiguration, die wir zusätzlich zu dem machen müssen, was wir bereits tun?

Darauf antwortete ein Mitglied des AddThis-Teams:

  

Ich habe dies an einer lokalen Umgebung getestet und das gleiche Ergebnis erzielt. Ich habe ein Ticket mit unserem Entwicklerteam für eine Reparatur in einem zukünftigen Release eingelegt. Danke, dass du uns das gemeldet hast.

AddThis-Unterstützung ( Add this mobile nicht respektieren 'services_compact' oder 'services_expanded' )

Das war noch ausständig, als ein anderer Benutzer fragte, ob es war ein Jahr später repariert worden.

Was können Sie tun?

Es scheint, dass die einzige Option, die Sie haben, ist, services_exclude zu verwenden, was anscheinend auf mobilen Geräten funktioniert. Dies führt zu einer Menge längeren Liste und ein bisschen mehr Konfigurations-Kopfschmerzen, aber es sollte Ihnen ermöglichen, fast die Liste, die Sie suchen, auf dem mobilen Menü zu bekommen.

%Vor%

Das Stack-Snippet scheint nicht zu funktionieren. Um dies in Aktion zu sehen, siehe JSFiddle .

Leider hebt diese Methode einen anderen Fehler hervor, der zur Duplizierung der Facebook-, Twitter- und Tumbler-Buttons führt (siehe oben). Es scheint keine Möglichkeit zu bestehen, AddThis so zu konfigurieren, dass diese Duplizierung gestoppt wird. Dies kann jedoch aus einem anderen Blickwinkel betrachtet werden.

Das mobile Menü erhält eindeutige Klassen (um es vom Desktop-Menü zu unterscheiden) und die Duplikate erscheinen immer als die ersten drei Elemente. Dies bedeutet, dass wir CSS verwenden können, um die ersten drei Listenelemente auszublenden und die Duplikate aus der Ansicht zu entfernen.

%Vor% %Vor%

Das Stack-Snippet scheint nicht zu funktionieren. Um dies in Aktion zu sehen, siehe JSFiddle .

    
Hidden Hobbes 18.03.2016, 08:50
quelle
3

In mobilen Browsern sollten Sie TouchEvents verwenden.

Fügen Sie touchstart hier hinzu:

%Vor%     
jolmos 17.03.2016 13:03
quelle
2

Ist in jedem Handy oder nur iOS? Wenn nur auf iOS versuchen Sie dies:

%Vor%     
fabiovaz 17.03.2016 15:11
quelle