Instagram verlinken

Hallo Thomas,

meiner Ansicht nach ist deine Betrachtung absolut in Ordnung. Ich wüßte nicht, was gegen Link setzen sprechen sollte, denn externes Link setzen unabhängig von Social Media ist ja auch problemlos möglich.

VG Tobias

Hallo TomTom ,

Hierzu aus dem Datenschutzforum https://forum.bfdi.bund.de/t/externe-verl…1180/5?u=hanabi

Der Link, mit dem die Seite verlassen wird, sollte als "externer Link" erkennbar sein.

Die entsprechende Umsetzung in Zeta kann ich Dir später posten, wenn ich am großen Rechner sitze.

Hier die von mir umgesetzte Lösung:

1. Symbole für "externen Link", "Download Datei" und "Mail" entweder via FTP oder über "Erweitert" -> "Dateien" in einen eigenen Ordner auf dem Webspace hochladen
2. nachfolgenden Code in "Atrribute "-> "additional_css" eintragen

<style>
/* Beginn Linksymbol */
  a[href ^='https://'],
  a[href ^='http://']
{
  padding-right: 14px;
  background: url(https://www.hanabi-pirna.de/media/files/icons/externer-link.jpg) right no-repeat;
}
/* Ende Linksymbol */
</style>

<style>
/* Beginn Downloadsymbol */
  a[href$='.xlsx'],
  a[href$='.docx'],
  a[href$='.pdf']
{
  padding-right: 14px;
  background: url(https://www.hanabi-pirna.de/media/files/icons/download.jpg) right no-repeat;
}
  /* Ende Downloadsymbol */
</style>

<style>
/* Beginn Mailsymbol */
  a[href ^='mailto:']
{
  padding-left: 15px;
  background: url(https://www.hanabi-pirna.de/media/files/icons/email.jpg) left no-repeat;
}
  /* Ende Mailsymbol */
</style>

Im Ergebnis wird nach Veröffentlichung bei externen Link, bei jeder Datei zum Download und bei jeder Mailadresse das entsprechende Symbol angezeigt.

Hallo Thomas, super Sache

Als ich das gesehen habe ist mir sofort eingefallen das wir ja "Font Awesome" an Bord haben und gleich mal versucht das damit umzusetzen.

Vorteil ist das man keine Grafik einbinden muss und die Linkfarben gleich übernommen werden.

BEISPIEL

Einstellungen > CSS:

<style>
/* Linksymbol */
a[href ^='https://'], a[href ^='http://'] {
position: relative;
}
a[href ^='https://']:before, a[href ^='http://']:before {
position: absolute;
font-family: 'FontAwesome';
bottom: -2px;
right: -20px;
content: "\f08e";
}


/* Downloadsymbol */
a[href$='.xlsx'], a[href$='.docx'], a[href$='.pdf'] {
position: relative;
}
a[href$='.xlsx']:before, a[href$='.docx']:before, a[href$='.pdf']:before {
position: absolute;
font-family: 'FontAwesome';
bottom: -2px;
right: -20px;
content: "\f019";
}


/* Mailsymbol */
a[href ^='mailto:'] {
position: relative;
margin-left:20px;
}
a[href ^='mailto:']:before {
position: absolute;
font-family: 'FontAwesome';
bottom: -2px;
left: -20px;
content: "\f003";
}
</style>

Danke an Thomas und Mario für die technische Umsetzung. Das ist für die Transparenz sehr hilfreich und vorbildlich.

Ich habe mich jetzt allerdings gefragt, warum mir bekannte Webseiten externe Links nicht kennzeichen. Hab bißchen Rechtsrecherche betrieben. Da das TTDSG noch sehr jung ist, gibt es kaum Kommentare und verweisen auf das alte, im TTDSG aufgegangenen TMK (§ 13 Abs. 5). Hier ist die Literatur der Ansicht, dass der Browser in der Regel die URL des aufgesuchten Dokuments und damit auch die Adresse des Diensteanbieters anzeigt und dies somit aus Transparenzgründen ausreicht. Dies gilt jedoch nicht für Frames.

Somit sind in meinen Augen die Tools von Thomas und Mario für die Transparenz super, rechtlich jedoch nicht erforderlich.

tjess :

/* Ironie on

Spitzfindige Anwälte werden demnächst herausfinden, dass zwar bei Mouseover (also klassisch am PC) die Linkadresse angezeigt wird, nicht aber beim Berühren des Links auf dem Touchscreen.

*/ Ironie off

Hallo und vielen Dank an Hanabi und Mario!

Habe mir bzgl. externer Links Gedanken darüber gemacht, wie dies bei "grafischen" Verlinkungen auszusehen hat. Bei Kunden-Websites (Selbsthilfegruppen) sind bspw. diverse Logos von Partnergruppen und Unterstützern aufgeführt, die jeweils zu deren Internetpräsenzen verlinken.

Es sähe seltsam aus, dass besagte Linksymbol nun neben jeder Logografik aufzuführen.

Wie handhabt ihr das, wenn ich fragen darf?

Vielen Dank vorab!

Mein Vorschlag: Solche Icons erst benutzen, wenn es wirklich tatsächlich rechtlich erforderlich ist.

Persönliche Meinung:

Derartige Icons behindern meinen Lesefluss, wenn in Texten z.B. viele Links enthalten sind und ich bezweifle z.B. auch, dass es jedem Besucher einer Website klar ist, was ein solches Icon denn überhaupt bedeutet. Meiner Meinung nach wird damit das Web mehr und mehr kaputt gemacht und ich kann nur hoffen, dass der Gesetzgeber nicht wirklich auf so eine dumme Idee kommt. Stattdessen sollte man sich ggf. besser auf einen Führerschein für das Internet konzentrieren

Vielen Dank, Stefan S!

Das sehe ich auch so. Der Gesetzgeber schießt m. E. über´s Ziel hinaus.

Zitat von jjonline

Hallo und vielen Dank an Hanabi und Mario!

Habe mir bzgl. externer Links Gedanken darüber gemacht, wie dies bei "grafischen" Verlinkungen auszusehen hat. Bei Kunden-Websites (Selbsthilfegruppen) sind bspw. diverse Logos von Partnergruppen und Unterstützern aufgeführt, die jeweils zu deren Internetpräsenzen verlinken.

Es sähe seltsam aus, dass besagte Linksymbol nun neben jeder Logografik aufzuführen.

Wie handhabt ihr das, wenn ich fragen darf?

Vielen Dank vorab!

Alles anzeigen

das ist tatsächlich noch eine Baustelle. Solange es ein einzelnes Logo ist, fällt es nicht weiter auf, wenn man aber eine Art "Sponsorenwand" hat, sieht es blöd aus. Dafür (Symbol bei Bildlink unterdrücken) habe ich noch keine Lösung.

Der durchschnittliche Nutzer weiß meines Erachtens, dass man beim Klick auf ein Logo, dass nichts mit der besuchten Seite zu tun hat, auf eine externe Seite weitergeleitet wird.
Ich denke, der Fokus liegt eher auf einem Textlink, bei dem zumindest beim Smartphone wie von Thomas in #10 beschrieben nicht ohne weiteres erkannt werden kann, ob es ein interner oder externer Link ist.

Aber bisher sind ja seitens der Gesetzgeber auch keine Tendenzen zu erkennen, dass eine separate Auszeichnung externer Links notwendig werden könnte. Denn wie ja auch von Stefan in #12 beschrieben, es erhöht nicht den Lese- und damit Komfortgenuss.

Auf einem iPhone kann man, wenn man es weiß und es einen wirklich interessiert, einen Long Tap auf den Link machen, um die Zieladresse zu sehen. Komplizierter als ein MouseOver, aber möglich.

Zitat von Mario

Hallo Thomas, super Sache

Als ich das gesehen habe ist mir sofort eingefallen das wir ja "Font Awesome" an Bord haben und gleich mal versucht das damit umzusetzen.

Vorteil ist das man keine Grafik einbinden muss und die Linkfarben gleich übernommen werden.

BEISPIEL

Einstellungen > CSS:

CSS

<style>
/* Linksymbol */
a[href ^='https://'], a[href ^='http://'] {
position: relative;
}
a[href ^='https://']:before, a[href ^='http://']:before {
position: absolute;
font-family: 'FontAwesome';
bottom: -2px;
right: -20px;
content: "\f08e";
}


/* Downloadsymbol */
a[href$='.xlsx'], a[href$='.docx'], a[href$='.pdf'] {
position: relative;
}
a[href$='.xlsx']:before, a[href$='.docx']:before, a[href$='.pdf']:before {
position: absolute;
font-family: 'FontAwesome';
bottom: -2px;
right: -20px;
content: "\f019";
}


/* Mailsymbol */
a[href ^='mailto:'] {
position: relative;
margin-left:20px;
}
a[href ^='mailto:']:before {
position: absolute;
font-family: 'FontAwesome';
bottom: -2px;
left: -20px;
content: "\f003";
}
</style>

Alles anzeigen

Hallo Mario,

danke für den Code, den ich gerne auf einer kleinen Seite einsetzen will. Ich habe nur ein kleines Problem:

- Ich gebe den Text ein und füge den Link hinzu.

- Link wird markiert und das Symbol erscheint.

- Schreibe ich danach weiter, überlagert das Symbol den Text.

Ich habe mal ein Bild beigelegt:

Hast Du eine Idee, was ich tun kann? Vorab herzlichen Dank

Viele Grüße

Michael

Ja der obige Code ist noch nicht so ganz ausgereift.

Da hilft vermutlich ein margin-right:20px;

Allerdings würden auch verlinkte Bilder Link-Boxen usw. das Icon anzeigen. Deshalb würde ich davon absehen.