Mastodon Share Button für WordPress Plugin Shariff Wrapper

Da wir seit kurzen auch auf Mastodon mit einer Seite vertreten sind, haben wir auch sofort angefangen zu Programmieren. Da wir als Social Media Share – Programm unter WordPress, das Datenschutzkonforme Plugin Shariff Wrapper, von Jan-Peter Lambeck & 3UU nutzen, aber aktuell noch keine Teile (Share) Funktion für Mastodon vorhanden ist, haben wir kurzerhand dieses Programmiert.

Shariff stellt Teilen-Buttons bereit, die die Privatsphäre der Besucher schützen und im Einklang mit der Datenschutzgrundverordnung (DSGVO) stehen und für die Installation sind nur ein paar schritte nötig.

Mastodon Share Button – Probier es aus!

Kein Tracker enthalten, nur eine Taste. Klicken Sie auf die Schaltfläche. Ein kleines Modal wird angezeigt, um den Benutzer nach seiner Instanz zu fragen.

So sieht der Shariff Mastodon aus

Installation Mastodon Shariff Buttom, WordPress Plugin

Download mastodon Share Plugin für WordPress Shariff Wrapper
Entpacken der zip – Datei
Kopieren der Datei in das Verzeichnis: wp-content / plugins / shariff / services /
Im WordPress Dashboard –> Einstellungen –> Shariff –> Folgende Dienste in dieser Reihenfolge aktivieren: zusätzlich mastodon eintragen.
Fertig

Über Mastodon

Mastodon ist ein soziales Netzwerk. Es basiert auf offenen Web-Protokollen und freier, quelloffener Software. Es ist dezentral (so wie Deine E-Mail!).

Mastodon ist ein verteilter Mikroblogging-Dienst, der seit 2016 von Eugen Rochko entwickelt wird, einem deutschen Programmierer aus Jena. Im Gegensatz zu großen Plattformen wie Twitter ist Mastodon als dezentrales Netzwerk konzipiert, ähnlich wie GNU Social. Transparent, dezentral, Open Source: Mastodon ist der Social-Network-Hype der Stunde. Rochko ist ein Idealist, er will nichts an Mastodon verdienen. Wie viele andere hat er die Schnauze voll von kommerziellen Social Networks, bei denen das Interesse der Nutzer zunehmend ins Hintertreffen gerät. Also hat er eins gebaut, das Open Source ist, also von jedem weiterentwickelt werden kann. Mastodon soll transparent sein, kostenlos, dezentral, frei von Hassposts und Werbung.

Mastodon ist nicht für den DAU, “dem dümmsten anzunehmenden User”, her gedacht

Rochko hat das Prinzip der Dezentralität umgesetzt, indem er Mastodon einen föderalen Charakter verpasst hat. Die Software läuft nicht an einem Ort, sondern ist über viele verschiedene Server verteilt. Jeder, der etwas davon versteht, kann einen zusätzlichen Mastodon-Server veröffentlichen. Was das ganze für Städte, Unis, Firmen, Vereine interessant macht. Man muss also, wie bei einer E-Mail Adresse, seinen Benutzernamen und auch den Server Namen wissen, die Server heißen zum Beispiel „mastodon.social“, „chaos.social“, „bonn.social“, „dresden.network“ oder „muensterland.social“ für das Teilen. Eine Liste, mit vorleiben oder geografischer Nähe gibt es unter https://instances.social/list.

Wie bei einer E-Mail Adresse: benutzername@example.com, so lautet zum Beispiel unsere Adresse bei Mastodon mastodon.social/@voninnenansehen

Nur bei einem Server, muss man sich Anmelden!

Mit einem Account auf irgendeinem Mastodon Server, wirst du in der Lage sein Nutzern auf irgendeinem Mastodon-Server und darüber hinaus zu folgen. Ich kann ja auch eine E-Mail an andere Server senden.

Viele Behörden nutzen tagtäglich und wie selbstverständlich Soziale Netzwerke. Vor allem über dominante Plattformen wie Facebook oder Twitter erreichen sie ein großes Publikum, was für ihre Öffentlichkeitsarbeit und die Information von Bürger:innen über behördliche Themen praktisch ist. Die Sache hat nur einen Haken: In vielen Fällen dürfte die behördliche Nutzung von Social Media illegal sein, sagt der baden-württembergische Landesdatenschutzbeauftragte Stefan Brink.
Stefan Brink, Landesdatenschutzbeauftragter von Baden-Württemberg, Interview auf netzpolitik.org

» Gefällt Ihnen der Artikel? Dann teilen sie ihn, mit Ihren Freunden.

Mehr Kunden mit Google Maps Street View 360 Grad!

Google Maps Street View 360 Grad ist die besondere Art, um auf sich aufmerksam zu machen. Wir beraten Sie gerne. Kontaktieren Sie uns jetzt!

Niederlassungen & Fotografen
PLZ Bereich	Ort	Telefon	Mobile	Ansprechpartner (Kontakt)
0 & 9	Dresden	+49 351 3280856	+49 176 63294156	Bert Siegel
1	Berlin	+49 30 23599310	+49 171 6140855	Felix Steck
2 & 3	Göttingen	+49 551 5073566	+49 172 5627261	Michael Mehle
4 & 5	Dortmund	+49 231 9105385	+49 176 49440028	Detlev Molitor
6 & 7	Kaiserslautern	+49 6302 6074084	+49 170 2817480	Friedhelm Rettig
8	München	+49 89 44992666	+49 171 6140855	Felix Steck

oder per E-Mail

Bitte nutzen Sie für Ihren Beratungswunsch möglichst das Kontaktformular, da wir im Kundenauftrag sehr viel unterwegs sind und nicht immer sofort telefonisch erreichbar sind.

Firma / Unternehmen *

Ihr Name – Ansprechpartner *

Ihre E-Mail-Adresse *

Ihre Telefonnummer *

Branche – Branchenübersicht *

Wie groß ist ca. Ihr Business / Geschäft / Büro (qm / Räume / Etagen)

Land – Länderübersicht

Bemerkungen, Hinweise, Terminwunsch

Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben aus dem Anfrageformular inklusive der von Ihnen dort angegebenen Kontaktdaten zwecks Bearbeitung der Anfrage und für den Fall von Anschlussfragen bei uns laut unserer Datenschutzerklärung gespeichert. Mit dem ankreuzen erklären Sie sich damit einverstanden.

Schreibe VIER als Zahl:

Wir hoffen, dass Ihnen unsere Themenauswahl zusagt und freuen uns über Ihr Feedback.

Anzeige nicht Möglich
Bitte akzeptieren Sie unsere Cookie-Richtlinie, und klicken Sie hier

Not possible to display
Please accept our cookie policy and click here

facebook Gruppe facebook Seite twitter XING Gruppe MeWe tumblr disqus Pinterest YouTube VK mastodon

Gefällt Ihnen die Themenauswahl unserer News? Der Aufbau, der Inhalt, die Optik? Wenn ja würden wir uns um eine Nachricht freuen, auch über konstruktive Kritik sind wir sehr dankbar. Gefällt Ihnen unsere Webseite? Fünf Fragen, gestalten Sie unsere Webseite mit.

Wenn Besucher Kommentare auf unserer Website schreiben, sammeln wir die Daten, die im Kommentar-Formular angezeigt werden, außerdem die IP-Adresse des Besuchers und den User-Agent-String (damit wird der Browser identifiziert), um die Erkennung von Spam zu unterstützen. Weitere Informationen in unserer Datenschutzerklärung.

Anzeige nicht Möglich
Bitte akzeptieren Sie unsere Cookie-Richtlinie, und klicken Sie hier

Not possible to display
Please accept our cookie policy and click here

28. Februar 2020Detlev Molitor No commentsDIY - Do It Yourself, EU-DSVGO, HTML-Code, Social Media, Tipps & Tricks, WordPressDIY | Mastodon | PlugIn | Shariff | wordpress

Es können mit dem unteren Quellcode, alle Felder farblich angepasst werden, und selbstverständlich auch der Text.

So sieht der Gutschein, mittels iframe eingebaut in der Webseite aus.

Anzeige nicht Möglich
Bitte akzeptieren Sie unsere Cookie-Richtlinie, und klicken Sie hier

Not possible to display
Please accept our cookie policy and click here

Folgender Quellcode (Suchmaschinen optimiert) wurde verwendet

<!DOCTYPE HTML>
<html>
<head>
<title>Gutschein Muster f&uuml;r Webseiten</title>
<meta name="description" content="Erstellen Sie schnell und einfach einen Gutschein für Ihre Webseite, passen Sie Farben und Bilder mit unserem Quellcode an">


<!-- Einbauen mit iframe -->
<!-- <iframe src="https://business-view.photo/include/gutschein.php" alt="aktuelle Gutscheine" border="0" width="600px" height="700px" scrolling="auto" frameborder="0"></iframe> -->



<!-- Hier die Daten eingeben, von der Webseite, auf dem der Gutschein implementiert wird -->
<link rel="canonical" href="https://business-view.photo/" />
<!-- Hier das Datum eingeben, wie lange der Gutschein gilt -->
<meta name="expire" content="Sun, 03 Jan 2021 23:59:59 GMT">

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui"/>

<meta name="author" content="detlev.molitor@molcon.de">
<style type="text/css">
body {
    padding: 0 1em 0 0;
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
    font-size : 100%;
}

.coupon {
  border: 5px dotted #bbb; /* Dotted border */
  width: 80%;
  border-radius: 15px; /* Rounded border */
  margin: 0 auto; /* Center the coupon */
  max-width: 600px;
}

.container {
  padding: 2px 16px;
  background-color: #f1f1f1;
  border-radius: 15px;  /* Rounded border, for .coupon */
}

.promocode {
  background: #ccc;
  padding: 3px;
  font-weight: bold;
}

.expire {
  color: red;
  background-color: inherit;
  font-family: monospace,"Courier New", Courier;
  font-size: 10px;
}

input {
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid transparent;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  font-family: Roboto;
  font-size: 15px;
  font-weight: bold;
  height: 29px;
  margin-left: 17px;
  margin-top: 10px;
  outline: none;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 80%;
  border-color: #4d90fe;
  cursor: pointer;

}

img {   /* picture with rounded corners */
  border-radius:80px;
  background-color: inherit;
}

</style>
</head>
<body>
<div class="coupon">
  <div class="container">
    <h3><a href="https://business-view.photo/">Company Logo / Company Name</a></h3>
  </div>
  <a href="https://business-view.photo/shop/"><img src="https://business-view.photo/graphics/kaffee.jpg" alt="Kaffee" style="width:100%;"></a>
  <div class="container" style="background-color:white">
    <h2><b>20% OFF YOUR PURCHASE</b></h2>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
  </div>
  <div class="container">
    <p>Promo Code: <span class="promocode">BOH232</span></p>
    <p class="expire">Expires: Jan 03, 2021, at the latest, and only while stocks last</p> <!-- DE: spätestens, und nur so lange der vorrat reicht -->
    <p><form action="https://business-view.photo/shop/" title="Jetzt den Gutschein Online einl&ouml;sen!" border="0" target="_top"><input type="submit" name="Gutschein" value="&raquo; Jetzt den Gutschein Online einl&ouml;sen &laquo;"></form></p>
  </div>
</div>



<!-- Das wars, Schluss mit dem Bearbeiten! Viel Spaß beim Verkaufen. -->

<div itemscope itemtype="https://schema.org/CreativeWork"
         <meta itemprop="license" content="https://creativecommons.org/licenses/by/4.0/" />
         <meta itemprop="author" content="detlev.molitor@molcon.de" />
</div>

</body>
</html>

Wird geladen …

» Gefällt Ihnen der Artikel? Dann teilen sie ihn, mit Ihren Freunden.

Haben wir Sie neugierig gemacht? Haben Sie noch Fragen?

Wir freuen uns über jede Nachricht und jeden neuen Kontakt. Selbst dann wenn sie noch gar nicht genau wissen, was wir für sie tun können und Sie einfach nur das Gefühl haben, dass wir für Sie interessant werden könnten. Wir freuen uns auf ein persönliches Gespräch mit Ihnen.

Niederlassungen & Fotografen
PLZ Bereich	Ort	Telefon	Mobile	Ansprechpartner (Kontakt)
0 & 9	Dresden	+49 351 3280856	+49 176 63294156	Bert Siegel
1	Berlin	+49 30 23599310	+49 171 6140855	Felix Steck
2 & 3	Göttingen	+49 551 5073566	+49 172 5627261	Michael Mehle
4 & 5	Dortmund	+49 231 9105385	+49 176 49440028	Detlev Molitor
6 & 7	Kaiserslautern	+49 6302 6074084	+49 170 2817480	Friedhelm Rettig
8	München	+49 89 44992666	+49 171 6140855	Felix Steck

oder per E-Mail

Bitte nutzen Sie für Ihren Beratungswunsch möglichst das Kontaktformular, da wir im Kundenauftrag sehr viel unterwegs sind und nicht immer sofort telefonisch erreichbar sind.

Firma / Unternehmen *

Ihr Name – Ansprechpartner *

Ihre E-Mail-Adresse *

Ihre Telefonnummer *

Branche – Branchenübersicht *

Wie groß ist ca. Ihr Business / Geschäft / Büro (qm / Räume / Etagen)

Land – Länderübersicht

Bemerkungen, Hinweise, Terminwunsch

Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben aus dem Anfrageformular inklusive der von Ihnen dort angegebenen Kontaktdaten zwecks Bearbeitung der Anfrage und für den Fall von Anschlussfragen bei uns laut unserer Datenschutzerklärung gespeichert. Mit dem ankreuzen erklären Sie sich damit einverstanden.

Schreibe VIER als Zahl:

Wir hoffen, dass Ihnen unsere Themenauswahl zusagt und freuen uns über Ihr Feedback.

facebook Gruppe facebook Seite twitter linkedin XING Gruppe MeWe tumblr disqus Pinterest YouTube VK Marktplatz Mittelstand

Gefällt Ihnen die Themenauswahl unserer News? Der Aufbau, der Inhalt, die Optik? Wenn ja würden wir uns um eine Nachricht freuen, auch über konstruktive Kritik sind wir sehr dankbar. Gefällt Ihnen unsere Webseite? Fünf Fragen, gestalten Sie unsere Webseite mit.

22. Januar 2020Detlev Molitor No commentsDIY - Do It Yourself, eCommerce, HTML-Code, Location-based Services, Webseite, WerbungCSS | Gutschein | html

Vor fast 15 Jahren, wurde das nofollow – Attribut eingeführt, als ein Kampf Mittel gegen Kommentar – Spam zu helfen. Es wurde auch schnell zu einer von Google empfohlenen Methode, um werbebezogene oder gesponserte Links zu kennzeichnen. Das Web hat sich seit der Einführung von nofollow im Jahr 2005 weiterentwickelt und es ist Zeit, dass sich auch nofollow weiterentwickelt.
Heute kündigen wir (Google) zwei neue Linkattribute an, die Webmastern zusätzliche Möglichkeiten bieten, die Art bestimmter Links für die Google-Suche zu identifizieren. Diese sind zusammen mit „nofollow“, „sponsored“ und „ugc“ für nutzergenerierte Inhalte.

Wann andere Suchmaschinen nachziehen, ist nur eine frage der Zeit 🙂

rel=”nofollow”

<a href="https://example.com" rel="nofollow">Testlink Nofollow</a>
<a href="https://www.example.com" rel="nofollow">We do not endorse this site</a>

Das nofollow Attribut ist für Fälle vorgesehen, in denen Sie einen Link zu einer Seite erstellen möchten, aber keine Art von Vermerk implizieren möchten, einschließlich der Weitergabe des Ranking-Guthabens an eine andere Seite, so Google.

rel=”ugc”

<a href="https://example.com" rel="ugc">Testlink User Erstellter Inhalt</a>
<a href="https://www.example.com" rel="ugc">This link was created by a user</a>

Der ugc (User Generated Content, User Erstellter Inhalt) Attributwert wird für Links in benutzerdefinierten Inhalten empfohlen, z. B. Kommentare und Forumsbeiträge.

rel=”sponsored”

<a href="https://example.com" rel="sponsored">Testlink Gesponsort</a>
<a href="https://www.example.com" rel="sponsored">This is a paid link</a>

Das neue sponsered Attribut kann verwendet werden, um Links auf Ihrer Website zu identifizieren, die im Rahmen von Werbung (Affiliate), Sponsoring oder anderen Vergütungsvereinbarungen, erstellt wurden.

Weiterführende Informationen in unserer FAQ Link-Attribute

Mehrere Link-Attribute werden unterstützt:

Sie können eine Kombination aus einem oder mehreren dieser Attribute in einem einzelnen Link-Tag verwenden. Sie können einen einzelnen Link mit rel=”ugc sponsored” (dass der Link von nutzergenerierten Inhalten stammt und gesponsert wird) oder markieren rel=”nofollow sponsored” (Eigen erstellter Link, Affiliate Programm nicht folgen).

Heute wird Google das Nofollow-Attribut als Hinweis für Rankingzwecke behandeln. Dies bedeutet, dass Google einen Link möglicherweise als Gutschrift, als Teil der Spam-Analyse oder für andere Ranking-Zwecke betrachtet.

Am 2. März 2020 wird Google es auch zum Crawlen und Indizieren verwenden. Das heißt, Google verwendet es als “Hinweis”, was indiziert oder gecrawlt werden soll. Es ist jedoch besser, robots.txt oder Meta-Tags für diesen Zweck zu verwenden.

Keine Änderung erforderlich. Es gibt keine Notwendigkeit, Ihre nofollow Links heute zu ändern, sagte Google. Sie können nofollow Attribute in Ihrem UGC oder in gesponserten Links hinterlassen . “Es ist absolut nicht erforderlich, nofollow Links zu ändern, die Sie bereits haben”, fügte Google hinzu. Für gesponserte Inhalte und neue Links wird empfohlen, auf rel=”sponsored” ” umzuschalten.

Google: Gekaufte Links jetzt mit „Sponsored“-Hinweis kennzeichnen

Mit dem rel=”Sponsored” Hinweis sollen Nutzern nach den Vorstellungen Googles künftig Links kennzeichnen, die gekauft oder in einem Werbeumfeld (Affiliate) gesetzt werden. Mit dem Hinweis „UGC“ werden Links bedacht, die einen nutzergenerierten Inhalt darstellen, wie z.B. Forumbeiträge, Kommentare etc.. Beide Link-Attribute können ab sofort verwendet werden und sollen – anders als „Nofollow“-Links bisher – einen Einfluss auf die Suche haben, wie Google in seinem Webmaster-Zentralblog schreibt.

Auf die Suchergebnisse soll das Update der Link-Attribute übrigens keine nennenswerten Auswirkungen haben, wie Google Searchengineland.com sagte.

Für das eigene oder fremde SEO Suchmaschinen Optimierung könnte aber eine Menge Arbeit zukommen.

Weiterführende Informationen zu dem Thema Linktausch Programme, gibt es in der Google Search Console-Hilfe

» Gefällt Ihnen der Artikel? Dann teilen sie ihn, mit Ihren Freunden.

Haben wir Sie neugierig gemacht? Haben Sie noch Fragen?

Wir freuen uns über jede Nachricht und jeden neuen Kontakt. Selbst dann wenn sie noch gar nicht genau wissen, was wir für sie tun können und Sie einfach nur das Gefühl haben, dass wir für Sie interessant werden könnten. Wir freuen uns auf ein persönliches Gespräch mit Ihnen.

Niederlassungen & Fotografen
PLZ Bereich	Ort	Telefon	Mobile	Ansprechpartner (Kontakt)
0 & 9	Dresden	+49 351 3280856	+49 176 63294156	Bert Siegel
1	Berlin	+49 30 23599310	+49 171 6140855	Felix Steck
2 & 3	Göttingen	+49 551 5073566	+49 172 5627261	Michael Mehle
4 & 5	Dortmund	+49 231 9105385	+49 176 49440028	Detlev Molitor
6 & 7	Kaiserslautern	+49 6302 6074084	+49 170 2817480	Friedhelm Rettig
8	München	+49 89 44992666	+49 171 6140855	Felix Steck

oder per E-Mail

Bitte nutzen Sie für Ihren Beratungswunsch möglichst das Kontaktformular, da wir im Kundenauftrag sehr viel unterwegs sind und nicht immer sofort telefonisch erreichbar sind.

Firma / Unternehmen *

Ihr Name – Ansprechpartner *

Ihre E-Mail-Adresse *

Ihre Telefonnummer *

Branche – Branchenübersicht *

Wie groß ist ca. Ihr Business / Geschäft / Büro (qm / Räume / Etagen)

Land – Länderübersicht

Bemerkungen, Hinweise, Terminwunsch

Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben aus dem Anfrageformular inklusive der von Ihnen dort angegebenen Kontaktdaten zwecks Bearbeitung der Anfrage und für den Fall von Anschlussfragen bei uns laut unserer Datenschutzerklärung gespeichert. Mit dem ankreuzen erklären Sie sich damit einverstanden.

Das Wort -xotti-, hat wie viele Buchstaben

Wir hoffen, dass Ihnen unsere Themenauswahl zusagt und freuen uns über Ihr Feedback.

facebook Gruppe facebook Seite twitter linkedin XING Gruppe MeWe tumblr disqus Pinterest YouTube VK Marktplatz Mittelstand

Gefällt Ihnen die Themenauswahl unserer News? Der Aufbau, der Inhalt, die Optik? Wenn ja würden wir uns um eine Nachricht freuen, auch über konstruktive Kritik sind wir sehr dankbar. Gefällt Ihnen unsere Webseite? Fünf Fragen, gestalten Sie unsere Webseite mit.

Wenn Besucher Kommentare auf unserer Website schreiben, sammeln wir die Daten, die im Kommentar-Formular angezeigt werden, außerdem die IP-Adresse des Besuchers und den User-Agent-String (damit wird der Browser identifiziert), um die Erkennung von Spam zu unterstützen. Weitere Informationen in unserer Datenschutzerklärung.

Anzeige nicht Möglich
Bitte akzeptieren Sie unsere Cookie-Richtlinie, und klicken Sie hier

Not possible to display
Please accept our cookie policy and click here

Google Bewertungs Sterne in der Suchmaschine, bringen bis zu 35% mehr Klicks!

Google Suche Screenshot vom 07.03.2018 / 16:44h; Suchbegriff: business view photo detlev molitor

Alles keine Hexerei

Struktuierte Daten heißt das Zauberwort, wie wir dies schon für Struktuierte Daten im Impressum erläutert haben.


<div itemprop = "review" itemscope itemtype = "http://schema.org/Review">
         Erfahrungen &amp; Bewertungen zu <span itemprop = "name"  content = "Eigener_Name">Eigener_Name</span> anzeigen -
         von <span itemprop = "author" content = "Bewertungsportal" > <a class="link" href="https://www.example.com/link_zu_den_bewertungen/" target="_blank">Bewertungsportal</a></ span>
         <meta itemprop = "dateModified" content = "JJJJ-MM-DD" ><!-- Datum Stand der Bewertungen --> 
         <meta itemprop = "itemReviewed" content = "Was wurde Bewertet? Dienstleistung, Produkt - Name" >
         <meta itemprop = "description" content = "Beschreibung des Bewerteten Objektes / Dienstleistung" >
         <meta itemprop = "workExample" content = "Was ist die Arbeit die Sie geleistet haben?" >
           <div itemprop = "reviewRating" itemscope itemtype = "http://schema.org/Rating" >
                <span itemprop = "author" content = "Bewertungsportal" >
                <meta itemprop = "worstRating" content = "4" ><!-- schlechteste Bewertung --> 
                      <span itemprop = "ratingValue" > 5 </ span> / <!-- Ergebnis Bewertungen --> 
                      <span itemprop = "bestRating" > 5 </ span> Sterne <!-- beste Bewertung --> 
                    | <span property="count">11</span> Bewertungen <!-- Anzahl Bewertungen  --> 
                      </ div>
</ div>

Alles was Rot gekennzeichnet ist, muss ersetzt werden!

Danach sollte dieser Block, am besten in den Fußbereich Ihrer Webseite.

Achtung / Vorsicht / Hinweis

Mogeln gilt nicht und wird von Google bestraft, entweder mit der Nichtanzeige von jeglichen Rich-Cards / Struktuierten Daten Ihrer Webseite bis komplett Sperren Ihrer Domain im Google Index.

Webdesign und Programmierung

Ob wir Ihre komplette Homepage auf Vordermann bringen sollen, oder Ihnen nur Teilgebiete Programmieren – sprechen Sie uns unverbindlich an.

» Was halten Sie davon? Ihre Feedback ist uns wichtig!

Wird geladen …

Haben wir Sie neugierig gemacht? Haben Sie noch Fragen?

Wir freuen uns über jede Nachricht und jeden neuen Kontakt. Selbst dann wenn sie noch gar nicht genau wissen, was wir für sie tun können und Sie einfach nur das Gefühl haben, dass wir für Sie interessant werden könnten. Wir freuen uns auf ein persönliches Gespräch mit Ihnen.

Niederlassungen & Fotografen
PLZ Bereich	Ort	Telefon	Mobile	Ansprechpartner (Kontakt)
0 & 9	Dresden	+49 351 3280856	+49 176 63294156	Bert Siegel
1	Berlin	+49 30 23599310	+49 171 6140855	Felix Steck
2 & 3	Göttingen	+49 551 5073566	+49 172 5627261	Michael Mehle
4 & 5	Dortmund	+49 231 9105385	+49 176 49440028	Detlev Molitor
6 & 7	Kaiserslautern	+49 6302 6074084	+49 170 2817480	Friedhelm Rettig
8	München	+49 89 44992666	+49 171 6140855	Felix Steck

oder per E-Mail

Bitte nutzen Sie für Ihren Beratungswunsch möglichst das Kontaktformular, da wir im Kundenauftrag sehr viel unterwegs sind und nicht immer sofort telefonisch erreichbar sind.

Firma / Unternehmen *

Ihr Name – Ansprechpartner *

Ihre E-Mail-Adresse *

Ihre Telefonnummer *

Branche – Branchenübersicht *

Wie groß ist ca. Ihr Business / Geschäft / Büro (qm / Räume / Etagen)

Land – Länderübersicht

Bemerkungen, Hinweise, Terminwunsch

Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben aus dem Anfrageformular inklusive der von Ihnen dort angegebenen Kontaktdaten zwecks Bearbeitung der Anfrage und für den Fall von Anschlussfragen bei uns laut unserer Datenschutzerklärung gespeichert. Mit dem ankreuzen erklären Sie sich damit einverstanden.

Gebe nur die erste Zahl ein: LKUZ847JU

Wir hoffen, dass Ihnen unsere Themenauswahl zusagt und freuen uns über Ihr Feedback.

facebook Gruppe facebook Seite twitter linkedin XING Gruppe MeWe tumblr disqus Pinterest YouTube VK Marktplatz Mittelstand

Gefällt Ihnen die Themenauswahl unserer News? Der Aufbau, der Inhalt, die Optik? Wenn ja würden wir uns um eine Nachricht freuen, auch über konstruktive Kritik sind wir sehr dankbar. Gefällt Ihnen unsere Webseite? Fünf Fragen, gestalten Sie unsere Webseite mit.

Wenn Besucher Kommentare auf unserer Website schreiben, sammeln wir die Daten, die im Kommentar-Formular angezeigt werden, außerdem die IP-Adresse des Besuchers und den User-Agent-String (damit wird der Browser identifiziert), um die Erkennung von Spam zu unterstützen. Weitere Informationen in unserer Datenschutzerklärung.

Anzeige nicht Möglich
Bitte akzeptieren Sie unsere Cookie-Richtlinie, und klicken Sie hier

Not possible to display
Please accept our cookie policy and click here

7. März 2019Detlev Molitor No commentsAuszeichnungen, Brancheninformationen, DIY - Do It Yourself, Google Suche, HTML-Code, Location-based Services

Jetzt gilt die DSGVO

Überall muss man jetzt die neuen Datenschutzbestimmungen unterzeichnen, in der Apotheke, beim Arzt, beim Aufruf einer Webseite oder Benutzung einer App – Wie weit sind Sie?

Die letzte Checkliste und letzte Informationen

Heute wurde ein WordPress (Webseiten Programm) Update verteilt, mit Datenschutz Einstellungen, und damit kommen wir auch zum Punkt 1, der Checkliste.

WordPress 4.9.6

Export und Löschung personenbezogener Daten

Neue Werkzeuge wurden hinzugefügt, um dir dabei zu helfen, personenbezogene Daten zu exportieren und Löschanfragen nachzukommen.

Datenschutzerklärung

Erstelle die Seite für die Datenschutzerklärung deiner Website oder wähle sie unter Einstellungen > Datenschutz aus, um deine Benutzer darüber auf dem Laufenden zu halten.

DSGVO Checkliste Webseite

Da die Datenschutzerklärung auf der Website für jeden sichtbar ist, sollte sie direkt am 25. Mai angepasst sein, sonst drohen bereits die ersten Abmahnungen von Konkurrenten und Abmahnvereinen.

Das gilt für jede Seite – und Unterseite!

Wandern Daten vom Webseitenbesucher an Drittanbieter, muss mit diesen ein Vertrag geschlossen werden, der der neuen Datenschutz-Grundverordnung entspricht.

Achtung: Nicht nur Kontaktdaten, sondern auch Fotos, Tracking-Daten, Autokennzeichen oder IP-Adressen sind personenbezogene Daten!

(A) Update der Webseite, wenn Sie ein CMS System haben

Ob WordPress, TYPO3, Joomla!, Drupal oder Adobe Dreamweaver halten Sie Ihr System auf dem neusten Stand, ob das CMS (Content-Management-System), oder zusätzliche Module (Plugin) – Starten Sie das Update!

Sie haben eine Webseite mit Drupal, WordPress, kirby, Redaxo, Joomola, TYPO3, concrete5, Strato, HTML, PHP?

Der AGB Hosting-Service (Rechtstext Hosting für Firmen-Webseiten und Blogs) von janolaw sorgt dafür, dass Ihre AGB und alle weiteren Rechtstexte (Widerrufsbelehrung, Impressum und Datenschutzerklärung) immer den gesetzlichen Anforderungen entsprechen. janolaw garantiert Ihnen dauerhaften Abmahnschutz: Die rechtlichen Texte werden bei gesetzlichen Neuerungen oder geänderter Rechtsprechung bzw. Bedingungen und Richtlinien bei Bedarf automatisch aktualisiert. So entspricht Ihr Internetshop immer den aktuellen Anforderungen.

Durch die Einbindung der Rechtstexte per Schnittstelle können die Anwälte und IT-Spezialisten von janolaw Ihre AGB, Widerrufsbelehrung, Datenschutzerklärung und Impressum immer dann aktualisieren, wenn dies rechtlich erforderlich ist. Bei der Nutzung des AGB Hosting-Service erfolgt die Aktualisierung automatisch ohne dass Sie selbst tätig werden müssen. Die Integration der juristischen Dokumente ist durch die komfortable Schnittstellen-Lösung zu vielen Shopsystemen mit wenigen Handgriffen erledigt.

Kontaktformular
“Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben aus dem Anfrageformular inklusive der von Ihnen dort angegebenen Kontaktdaten zwecks Bearbeitung der Anfrage und für den Fall von Anschlussfragen bei uns laut unserer Datenschutzerklärung gespeichert. Mit dem Absenden erklären Sie sich damit einverstanden.”
Newsletter
“Hiermit melde ich mich für Benachrichtigungen / den Newsletter an. Dadurch erkenne ich an, dass meine Daten in Übereinstimmung mit der Datenschutzerklärung – Musterfirma verwendet werden. Ich erkläre mich außerdem damit einverstanden, dass ich einmalig eine Bestätigung und regelmäßige Aktualisierung per E-Mail / Push Nachrichten erhalte. Mir ist bekannt, dass ich diesen Service jederzeit durch den Abmeldelink in den Benachrichtigungen beenden kann.”
Cookies
Der Nutzer muss der Verwendung seiner Daten ausdrücklich zustimmen (Opt-in), nur dann dürfen Cookies oder andere Identifier eingesetzt werden. Informationen zu Cookies in unserem Artikel: Cookie-Hinweis auf Webseiten: Quatsch oder rechtliche Pflicht?
Webshop
Kunden, vor allem Neukunden, muss Folgendes klar dargestellt werden:
- Wofür werden Ihre Daten verwendet?
- Wo und wie lange werden Sie gespeichert?
- An wen werden Sie übermittelt? (vor allem bei Leistungsträgern / Lieferanten außerhalb der EU)
- Wie kann der Kunde seine Daten erhalten, berichtigen, einschränken oder löschen lassen?
Social Media Plug-Ins
Keine Original Like / Teilen Buttons verwenden, denn diese senden schon Daten, beim Aufrufen der Webseite an die jeweiligen Anbieter, unser Tipp Shariff von CT.
Wir nutzen zur Sicherung des Datenschutzes, die Shariff Social Media Buttons. Wenn Sie sich zu einem sozialen Netz oder einer webgestützten Favoritenliste durchklicken, verlassen Sie unsere Website und begeben sich auf eine externe Website, deren Datenschutzpolitik sich möglicherweise von unserer Datenschutzpolitik unterscheidet.
Mehr Informationen zu den Schariff Social Media Button von CT erhalten Sie unter http://ct.de/-2467514
Vor der Nutzung der Systeme Aufklären, welche Daten, wie, wo gespeichert werden, und ggf. weitergegeben oder veröffentlicht werden.
- Kommentar-Funktion / Forum / Live-Chats
- Werbung (z.B. mit Google AdSense, Affiliate-Programm)
- Herunter- und Hochladen von Dateien
- Anmeldungen
- Registrierungen
Tracking-Tools
Wir Nutzen zur Analyse der Webseite Google Analytics. Bei jedem Zugriff auf Inhalte dieses Internetangebots werden automatisch allgemeine Informationen gespeichert (z.B. Anzahl und Dauer der Besuche einzelner Seiten). Diese Daten sind nicht personenbezogen. Sie werden ausschließlich zu statistischen Zwecken und zur Optimierung des Internetangebots genutzt. Fallstricke in unserem Artikel: Google Analytics – LG Hamburg untersagt Nutzung

(B) Im Büro, im Unternehmen

Um sich klar zu machen, welche Daten wann erhoben werden, sollte ein Verzeichnis über alle datenschutzrelevanten Prozesse im Unternehmen geführt werden. Für die allermeisten Unternehmen ist ein solches Verarbeitungsverzeichnis nach dem 25. Mai 2018 Pflicht.

Die entsprechenden Formblätter, haben wir als PDF Download, für Sie unter: Was Unternehmen und Admins jetzt tun müssen

Download Formblatt DSGVO Verarbeitungstätigkeit, als PDF zum Ausfüllen
Download Ausfüllhinweise, zum Formblatt DSVGO Verarbeitungstätigkeit
Stammdatenblatt DSGVO
Technische und organisatorische Maßnahmen (TOM)
Download PDF – Fotos und Videoaufnahmen auf Veranstaltungen

Wie sieht die Situation für Fotografen und Filmer aus?

Fotos, die Personen abbilden, enthalten personenbezogene Daten. Selbst, wenn das Foto der Person ohne den Namen der abgebildeten Person veröffentlicht wird, ist diese Person bei einer Zuordnung des Namens identifizierbar. Sie hierzu unseren Beitrag: DSGVO und Fotografie – für Fotografen, Presse, TV und Private?

» Was halten Sie davon? Ihre Feedback ist uns wichtig!

Haben wir Sie neugierig gemacht?

Wir freuen uns über jede Nachricht und jeden neuen Kontakt. Selbst dann wenn sie noch gar nicht genau wissen, was wir für sie tun können und Sie einfach nur das Gefühl haben, dass wir für Sie interessant werden könnten. Wir freuen uns auf ein persönliches Gespräch mit Ihnen.

Niederlassungen & Fotografen
PLZ Bereich	Ort	Telefon	Mobile	Ansprechpartner (Kontakt)
0 & 9	Dresden	+49 351 3280856	+49 176 63294156	Bert Siegel
1	Berlin	+49 30 23599310	+49 171 6140855	Felix Steck
2 & 3	Göttingen	+49 551 5073566	+49 172 5627261	Michael Mehle
4 & 5	Dortmund	+49 231 9105385	+49 176 49440028	Detlev Molitor
6 & 7	Kaiserslautern	+49 6302 6074084	+49 170 2817480	Friedhelm Rettig
8	München	+49 89 44992666	+49 171 6140855	Felix Steck

oder per E-Mail

Firma / Unternehmen *

Ihr Name – Ansprechpartner *

Ihre E-Mail-Adresse *

Ihre Telefonnummer *

Branche – Branchenübersicht *

Wie groß ist ca. Ihr Business / Geschäft / Büro (qm / Räume / Etagen)

Land – Länderübersicht

Bemerkungen, Hinweise, Terminwunsch

Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben aus dem Anfrageformular inklusive der von Ihnen dort angegebenen Kontaktdaten zwecks Bearbeitung der Anfrage und für den Fall von Anschlussfragen bei uns laut unserer Datenschutzerklärung gespeichert. Mit dem ankreuzen erklären Sie sich damit einverstanden.

Gebe nur die erste Zahl ein: gh782h

Wir hoffen, dass Ihnen unsere Themenauswahl zusagt und freuen uns über Ihr Feedback.

facebook Gruppe facebook Seite twitter linkedin XING Gruppe MeWe tumblr disqus Pinterest YouTube VK Marktplatz Mittelstand

Gefällt Ihnen die Themenauswahl unserer News? Der Aufbau, der Inhalt, die Optik? Wenn ja würden wir uns um eine Nachricht freuen, auch über konstruktive Kritik sind wir sehr dankbar. Gefällt Ihnen unsere Webseite? Fünf Fragen, gestalten Sie unsere Webseite mit.

Wenn Besucher Kommentare auf unserer Website schreiben, sammeln wir die Daten, die im Kommentar-Formular angezeigt werden, außerdem die IP-Adresse des Besuchers und den User-Agent-String (damit wird der Browser identifiziert), um die Erkennung von Spam zu unterstützen. Weitere Informationen in unserer Datenschutzerklärung.

Anzeige nicht Möglich
Bitte akzeptieren Sie unsere Cookie-Richtlinie, und klicken Sie hier

Not possible to display
Please accept our cookie policy and click here

18. Mai 2018Detlev Molitor No commentsAllgemein, Datenschutz, DIY - Do It Yourself, eCommerce, Gesetze, Handlungsbedarf, HTML-Code, Internet, Internet, Internet, Rechtliches, Technik, Webinar, WordPresscheckliste | Datenschutz | download | DSGVO | gesetz

Hochzeit, Geburtstag, Klassenausflug, Sportveranstaltung – Viele Personen nehmen Fotos auf, alles an einem Ort, und alle können diese betrachten.

Das Szenario ist doch so häufig: ein Fest, viele Leute machen Fotos, aber die ganzen Fotos zusammentragen ist immer sehr mühsam.
Es müsste eine total einfach zu bedienende Seite sein, man kriegt einen Link, da kann man seine Bilder hoch laden und sie dann anschauen, fertig.

Ein Beispiel finden Sie unter https://molitor-eu.de/tools/fotoalbum.php

Einfache Umsetzung mit Quellcode

Es handelt sich um zwei Dateien, einmal für das Betrachten, Hochladen, Löschen und einmal für das Script zum Hochladen, beide einfach in ein Verzeichnis Kopieren und fertig. Für jede Veranstaltung muss die Datei fotoalbum.php entsprechend umbenannt und angepasst werden, die Datei upload.php muss nur einmal vorhanden sein.

Anspassung fotoalbum.php

$passwort = '12GTrfRTGT';                                              // GROß - kleinschreibung
$ueberschrift = 'Hochzeitsalbum von Ulrike und Peter';
$bildverzeichnis = '/bilder/hochzeit_ulrike_peter/';        // gesehen vom root, mit /
$server = 'https://molitor-eu.de';                               // ohne / am ende

Beispiel: Sie möchten die Veranstaltung Geburtstag Oma und Sportfest Grundschule haben

Die Anpassungen der Datei fotoalbum.php wie folgt:

Datei foltoalbum.txt umbenennen in geburtstag_oma.php

$ueberschrift = ‘Geburtstag Oma’;
$bildverzeichnis = ‘/bilder/geburtstag_oma/’; // gesehen vom root, mit /

Datei foltoalbum.txt umbenennen in sportfest_grundschule.php

$ueberschrift = ‘Sportfest Grundschule’;
$bildverzeichnis = ‘/bilder/sportfest_oma/’; // gesehen vom root, mit /

Da der Download von PHP nicht immer korrekt funktioniert, hier als txt File, die jeweils umbenannt werden muss

fotoalbum | upload

Zum ansehen der Dateien, diese anklicken, für den Download, rechte Maustaste, speichern unter… (Umbenennen, von txt zu php nicht vergessen)

Sie können das fotoalbum.php natürlich auch in Ihre bestehende Homepage, WordPress etc. einbauen, z.B. als IFrame:

<iframe style="border: 0;" title="fotoalbum" src="http://example.com/tools/fotoalbum.php" width="100%" height="900" frameborder="0" border="0" style="border:0" allowfullscreen scrolling="no" allowfullscreen="allowfullscreen">
<a href="http://example.com/tools/fotoalbum.php" rel="amphtml">fotoalbum</a>
</iframe>

Eine kleine Hilfe erhalten sie in unserer Gratis Anleitung PDF für WordPress.

Fotoalbum Spezial, mit Rollover

Sobald die Maus auf ein Bild/Foto gehalten wird, wird das Bild um den Faktor 4 vergrößert, desweiteren gibt es zusätzliche Einstellmöglichkeiten, wie das teilen auf Social Network Plattformen (Ein – Ausschaltbar) und Löschfunktion.

[sociallocker]fotoalbum-spezial[/sociallocker]

Bilder / Fotos automatisch mit Wasserzeichen versehen

Sie können die hoch-geladenen Bilder / Fotos zusätzlich automatisch mit einem Wasserzeichen versehen. Hierzu gibt es leider nur die kostenpflichtige Lösung, wobei dafür eine eine komplette Erklärung vorhanden ist. DEin halbfertiges Fotobuch entweder als PDF Download oder als Printausgabe.

Noch mehr Gratis Quellcode / Programme

Urhebervermerke, Seriennummern, Versionsnummern, Markenzeichen oder sonstige Identifikationsmerkmale der o.g. Programme / Quellcode dürfen in keinem Fall geändert oder entfernt werden. Gleiches gilt für die Unterdrückung der Bildschirmanzeige entsprechender Merkmale.
Der Hersteller haftet nur für Vorsatz und grobe Fahrlässigkeit. Weitergehende Schadens- und Aufwendungsersatzansprüche des Anwenders, gleich aus welchem Rechtsgrund, insbesondere wegen Verletzung von Pflichten aus dem Schuldverhältnis und aus unerlaubter Handlung, sind ausgeschlossen.

Für Sach- und Rechtsmängel der o.g. Programme / Quellcode haftet der Hersteller nur, wenn der Hersteller dem Anwender einen Sach- und/oder Rechtsmangel der o.g. Programme / Quellcodee arglistig verschwiegen hat. Eine darüber hinausgehende Haftung oder Gewährleistung für die Sach- und Rechtsmängelfreiheit der o.g. Programme / Quellcode ist ausgeschlossen.

Der Anwender ist in jedem Fall verpflichtet, bevor er die o.g. Programme / Quellcode produktiv nutzt, diese unter Einsatz von Testdaten hinsichtlich der grundlegenden Funktionalitäten zu prüfen.

Für die Überlassung der o.g. Programme / Quellcode sowie alle hiermit im Zusammenhang stehenden Rechtsbeziehungen zwischen dem Hersteller und dem Anwender gilt das Recht der Bundesrepublik Deutschland. Die Anwendung des UN-Abkommens über den internationalen Warenkauf (CISG) ist ausgeschlossen.

Wir hoffen, dass Ihnen unsere Themenauswahl zusagt und freuen uns über Ihr Feedback.

facebook Gruppe facebook Seite twitter linkedin XING Gruppe Google+ tumblr disqus Pinterest YouTube VK Marktplatz Mittelstand

Anzeige nicht Möglich
Bitte akzeptieren Sie unsere Cookie-Richtlinie, und klicken Sie hier

Not possible to display
Please accept our cookie policy and click here

Bilder bei Twitter einbinden und teilen

Panoramabilder bei Twitter, werden noch nicht unterstützt!

Panoramabilder werden bei Facebook unterstützt!

Bilder bei Facebook & Twitter einbinden und teilen

Trotzdem können Sie jetzt schon, dafür Sorte tragen, das Ihre Fotos besser dargestellt werden

https://t.co/azMHkVUvMf

— Detlev Molitor (@detlevmolitor) 27. September 2016

Testen Sie selbst

<!– SOCIAL TAGS –>

<!– for Twitter card use (your site must be validated with Twitter first or it does nothing) –>
<meta name=”twitter:card” content=”summary_large_image” />
<meta name=”twitter:site” content=”@TWITTERNAME” />
<meta name=”twitter:creator” content=”@TWITTERNAME” />
<!– For Facebook post and Twitter card use –>
<meta property=”og:site_name” content=”YOUR SITE NAME” />
<!– This is meant to be your whole site name (and nothing but the name). –>
<meta property=”og:url” content=”HTTPS://EXAMPLE.COM/PATH/PAGE.HTML” />
<!– Yes, we know Facebook should know where this page is as it’s reading it, but it still needs this. This DOESN’T use the https prefix –>
<meta property=”og:title” content=”TITLE OF THE PAGE” />
<!– Duplication of the standard ‘title’ tag. Needed to get a title in your post display. –>
<!– Don’t include your site name or similar branding, keep it about this pano. –>
<meta name=”Description” content=”LENGTHY DESCRIPTION HERE“/>
<!– Describe the pano. Facebook recommends at least two sentences and gives a 100-word example. –>
<meta property=”og:description” content=”LENGTHY DESCRIPTION HERE“/>
<!– EXACTLY as above, but the ‘og:description’ rather than the ‘description’ form. Describe the pano. Facebook recommends at least two sentences and gives a 100-word example. –>
<meta property=”og:image” content=”HTTP://EXAMPLE.COM/PATH/PREVIEWIMAGE.JPG” />
<meta property=”og:video:width” content=”1200” />
<meta property=”og:video:height” content=”630” />
<!– The width and height of the space the preview image will be in – or at least the width/height ratio of the inline preview area. –>
<!– This DOESN’T have to be your preview image’s actual pixel size OR dimensions. You can use one of your cubeface images rather than a specific ‘preview’ image if you like. –>
<!– The recommended size is 1200×630 pixels, and the preferred minimum is 600×315. The absolute minimum is 200×200 –>
<meta property=”og:video” content=”HTTPS://EXAMPLE.COM/PATH/PANO.SWF?xml=HTTPS://EXAMPLE.COM/PATH/PANO.XML” />
<!– NOTE: This is the only tag that uses the https secure site URL reference. –>
<meta property=”og:type” content=”video.movie” />
<meta property=”og:video:type” content=”application/x-shockwave-flash” />
<!– DON’T CHANGE THIS. See http://ogp.me/index.php#types for more info. –>
<!– TEST URL for Facebook: https://developers.facebook.com/tools/debug/ –>
<!– TEST URL for Twitter: https://cards-dev.twitter.com/validator –>

<!– END SOCIAL TAGS –>

Wichtig für Facebook

Sobald Sie einen Artikel, ein Bild, eine URL bei Facebook geteilt oder gepostet haben, wird diese für 7-10 Tage im Cache gehalten, den Cache für einen Test etc. zu Löschen, können Sie auf http://developers.facebook.com/tools/debug die Seite neu Laden lassen.

Wir hoffen, dass Ihnen unsere Themenauswahl zusagt und freuen uns über Ihr Feedback.

facebook Gruppe facebook Seite twitter linkedin XING Gruppe Google+ tumblr disqus Pinterest YouTube VK Marktplatz Mittelstand

Gefällt Ihnen die Themenauswahl unserer News? Der Aufbau, der Inhalt, die Optik? Wenn ja würden wir uns um eine Nachricht freuen, auch über konstruktive Kritik sind wir sehr dankbar. Gefällt Ihnen unsere Webseite? Fünf Fragen, gestalten Sie unsere Webseite mit.

Anzeige nicht Möglich
Bitte akzeptieren Sie unsere Cookie-Richtlinie, und klicken Sie hier

Not possible to display
Please accept our cookie policy and click here

12. Mai 2017Detlev Molitor No commentsAllgemein, DIY - Do It Yourself, HTML-Code, Twitterbilder | fotos | quellcode | twitter

CSS-Formulare sind ein unverzichtbarer Teil von HTML Webseiten, diese erleichtern die Dateneingabe enorm.

Freefrontend hat 77 Formulare zusammengestellt.

Ansehen – Ausprobieren – Download

Unter den Formularen befinden sich Standard-Kontaktformulare, Checkouts mit Kreditkarten, Login-/SignUp-Formulare, Suchfelder und Step-by-Step-Formulare.

Zusätzliche Kostenlose Vorlagen

Beispiele wie CSS-Timelines, CSS-Magazin-Layouts oder CSS-Slider. Die Site sollte sich bei Webmastern, Designern und Entwicklern weit oben in den Bookmarks befinden.

Weiterführende Informationen

Gratis Download – ICONS Android Material Design
Tour Overlay für Google Street View Touren
Default Style Sheet für HTML CSS Reset (ZIP-Download)
Weiterleiten von HTML Seiten, Domains oder Verzeichnissen

Wir hoffen, dass Ihnen unsere Themenauswahl zusagt und freuen uns über Ihr Feedback.

facebook Gruppe facebook Seite twitter linkedin XING Gruppe MeWe tumblr disqus Pinterest YouTube VK Marktplatz Mittelstand

Gefällt Ihnen die Themenauswahl unserer News? Der Aufbau, der Inhalt, die Optik? Wenn ja würden wir uns um eine Nachricht freuen, auch über konstruktive Kritik sind wir sehr dankbar. Gefällt Ihnen unsere Webseite? Fünf Fragen, gestalten Sie unsere Webseite mit.

Link erstellen für Google Kalender Einträge

Veranstaltungen, Messen, Termine – erstellen Sie einfach einen Link, damit Besucher Ihren Termin direkt bei sich im Kalender eintragen können. Selbstverständlich können Sie den Link auch als QR-Code direkt auf Plakate und Einladungen drucken.

Anzeige nicht Möglich
Bitte akzeptieren Sie unsere Cookie-Richtlinie, und klicken Sie hier

Not possible to display
Please accept our cookie policy and click here

Kalenderlink als QR-Code drucken

Über unser Tool QR-Code-Drucken können Sie den Kalenderlink, auch für Plakate, Einladungen etc. ausdrucken.

Einbindung In Ihre Seite

<h1>Link erstellen für Google Kalender Eintr&auml;ge</h1>
<iframe title="Link erstellen für Google Kalender Eintr&auml;ge" src="https://business-view.photo/include/google-kalender-link-erstellen.php" width="100%" height="800" frameborder="0" style="border:0" allowfullscreen>
<a href="https://business-view.photo/include/google-kalender-link-erstellen.php">Link erstellen für Google Kalender Eintr&auml;ge</a>
</iframe>

Gerne dürfe Sie, folgenden Button downloaden und Nutzen

SEO (Suchmaschinenoptimierung) für Events

Das Event soll richtig Promotet werden, dann hilft den Suchmaschinen Struktuierte Daten, folgendes Codebeispiel wird nicht angezeigt, kann aber von den Suchmaschinen wie Google, bing und Co. ohne Probleme ausgelesen werden.

[sociallocker]

TIPP / HINWEIS :: Auf der Eventseite, und eurer Startpage sollte der untenstehende Code eingebaut werden!

<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Event",
"name": "NAME DES EVENTS",
"performer": "VERANSTALTER",
"image": "HTTPS://EXAMPLE.COM/EVENTPICTURE.JPG",
"description": "BESCHREIBUNG DES EVENTS",
"startDate" : "YYYY-MM-DDTHH:MM+01:00", /* Zeitzone MEZ, ansonsten MESZ +02:00 */
"endDate" : "YYYY-MM-DDTHH:MM+01:00",
"url" : "HTTP://EXAMPLE.COM/EVENTWEBPAGE.HTML",
"location" : {
"@type" : "Place",
"sameAs" : "HTTP://EXAMPLE.DE/WEBSEITE/VERANSTALTUNGSSTAETTE",
"name" : "VERANSTALTUNGSORT",
"address" : "STRASSE HSNR, PLZ ORT, LAND"
}
}
</script>

Google bietet ein Test Tool für die Struktuierten Daten an.

[/sociallocker]

29. September 2016Detlev Molitor No commentsAllgemein, Apps & Tools, DIY - Do It Yourself, HTML-CodeApp | google+ | Kalender | quellcode | Tool

DIY – Do It Yourself

TourEXTENDER, Overlay für Google Street View Touren selbst erstellen

Es werden nicht immer die großen Tools (TourEXTENDER, Overlays), benötigt, wenn man z.B. wie im folgenden Beispiel, nur zwei bis drei Panoramagruppen hat.

Anzeige nicht Möglich
Bitte akzeptieren Sie unsere Cookie-Richtlinie, und klicken Sie hier

Not possible to display
Please accept our cookie policy and click here

zum Profil Cafe Corner

Kompletter Quellcode

Alles was ROT Eingedruck ist muss angepasst werden
Das einzubindede Panorama bei Google Maps aufrufen!
https://www.google.com/maps/@51.7062531,7.3780813,3a,75y,297.92h,84.54t/data=!3m7!1e1!3m5!1sdyUCMxep1U8AAAQpkDF9Pw!2e0!3e2!7i13312!8i6656?hl=de-DE

Quellcode TourEXTENDER wie oben dargestellt

<!DOCTYPE HTML>
<html>
<head>
<title>TITEL/NAME des Unternehmers</title>
<meta name="description" content="Beschreibung des Business">
<meta name="keywords" content="Stichworte (Kommagertrennt / Leerzeichen) Eins, Zwei, Drei">
<meta property="og:image" content="http://business-photo.molcon.de/google-business-view/recklinghausen/Cafe-Corner/streetview.jpg">
<link href="https://plus.google.com/110738124846448517531/" rel="publisher"><!-- Google+ ID Unternehmer -->
<link href="https://www.google.com/maps/place?cid=18297476467992710619" rel="place_id"><!-- Maps ID Unternehmer -->
<link href="https://plus.google.com/105065516716852340832" rel="author"><!-- Google+ ID Fotograf -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@voninnenansehen" />
<meta name="twitter:title" content="TITEL/NAME des Unternehmers" />
<meta name="twitter:description" content="Beschreibung des Business für Twitter" />
<meta property="og:type" content="company.website">
<!-- 
Folgender unsichbarer Text, bitte in Ihren erstellten Overlays nicht entfernen!
PanoID aus Google URL: https://business-view.photo/?p=8852 
Copyright Detlev Molitor, Business View Photo Ag, CC BY 4.0 https://creativecommons.org/licenses/by/4.0/deed.de 
-->
<script>
var panorama;
var timer;
function jump(index){
var h=[];
h[0]=312;
h[1]=108;
h[2]=22;
h[3]=143;
var p=[];
p[0]="QGyziSLvdN8AAAQfDTk9bA"; <!-- PANO ID aus Link -->
p[1]="UJ5YXwUYpzQAAAQfDTn_aw"; <!-- PANO ID aus Link -->
p[2]="4FpbHhiMeBgAAAQfDU4oHQ"; <!-- PANO ID aus Link -->
p[3]="4x5ovYIJAKAAAAQfDYre6g"; <!-- PANO ID aus Link -->
var heading=h[index];
var pano=p[index];
var canvas=document.getElementById('map-canvas');
var panoramaOptions={
addressControl:false,
panControl:false,
pano:pano,
pov: {
heading:heading,
pitch:0,
zoom:0.3
}
}
panorama=new google.maps.StreetViewPanorama(canvas,panoramaOptions);
}
function spinIt() {
stopIt();
var increment=0.05;
timer=setInterval(function () {
pov=panorama.getPov();
pov.heading += increment;
while(pov.heading > 360.0) {
pov.heading -= 360.0;
}
while(pov.heading < 0.0) {
pov.heading += 360.0;
}
panorama.setPov(pov);
}, 10);
}
function init() {
jump(3);
<?
if ($_GET[run]=="true")echo"
spinIt();
";
?>
}
function stopIt() {
clearInterval(timer);
}
function ddovr(){
document.getElementById('dropdown').size=document.getElementById('dropdown').length;
stopIt();
}
function ddout(){
document.getElementById('dropdown').selectedIndex=0;
document.getElementById('dropdown').size=1;
spinIt();
}
document.getElementById('map-canvas').onmouseover=stopIt;
document.getElementById('map-canvas').onmouseout=spinIt;
document.getElementById('map-canvas').ontouchstart=stopIt;
document.getElementById('map-canvas').ontouchend=spinIt;
document.getElementById('dropdown').onmouseover=ddovr;
document.getElementById('dropdown').onmouseout=ddout;
document.getElementById('dropdown').onclick=ddout;
</script>
<!-- Stylesheet -->
<!-- viel spaß beim ändern der stylesheets -->
<style type="text/css">
#map-container {
position: relative;
width: 700px;
height: 467px;
}
#map-canvas{
z-index: 0;
position: absolute;
top: 0;
left: 0;
width: 700px;
height: 467px;
}
#map-canvas img {
border: none !important;
max-width: none !important;
}
.klick {
cursor: pointer;
}
.normal {
color: #000000;
font-size: 14px;
}
#dropdown{
z-index: 1;
position: absolute;
top: 0;
right: 0;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
background-color:gold;
color: #0000FF;
font-weight: bold;
font-size: 16px;
border: 1px dotted #405871;
background-repeat: no-repeat;
background-position: 2px 1px;
padding-left: 20px;
border-width: small;
border-color: #FFFF00;
border-style: solid;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
list-style:none;
}
</style>
<!-- php -->
<?php
$aktuell = 'http://'.$_SERVER['SERVER_NAME'].$_SERVER['PHP_SELF'];
?>
<!-- created Wed, 27 May 15 15:24:55 +0200 -->
</head>
<body onload="init();">
<script type="text/javascript" src="https://www.business-view.photo/include/wz_tooltip.js"></script>
 <script type="text/javascript" src="https://www.business-view.photo/include/tip_centerwindow.js"></script>
<div id="map-container">
<div id="map-canvas"></div>
<ul id="dropdown">
<li><a href="http://www.WEBSEITE-DES-KUNDEN.de/" target="_top" title="NAME DES KUNDEN" onmouseover="Tip('<p>STRASSE DES KUNDEN<br><a href=\'https://www.google.com/maps/place?cid=18297476467992710619\' title=\'Auf Google Maps ansehen\' target=\'_top\'>PLZ ORT DES KUNDEN</a><br>Email: <a href=\'mailto:EMAIL@DES-KUNDEN.de\'>EMAIL@DES-KUNDEN.de</a><br>Phone: TELEFON KUNDEN<br>Web: <a href=\'http://www.WEBSEITE-DES-KUNDEN.de/\' target=\'_top\'>www.WEBSEITE-DES-KUNDEN.de</a></p>', TITLE, 'NAME DES KUNDEN', CLICKCLOSE, true, STICKY, true, SHADOW, true, CLOSEBTN, true)" onmouseout="UnTip()"><img src="http://www.example.com/logo-des-kunden.jpg" alt="Logo NAME DES KUNDEN" border="0" width="143" height="86"></a></li>
<li onclick="jump(0)" class="klick">&raquo; Klickname1</li>
<li onclick="jump(1)" class="klick">&raquo; Klickname2</li>
<li onclick="jump(2)" class="klick">&raquo; Klickname3</li>
<li onclick="jump(3)" class="klick">&raquo; Klickname4</li>
<li>
<hr>
<!-- Links zu Sozialen Netzwerken des Kunden, es sollten max. 3 sein -->
<a href="https://business-view.photo/go/facebook/" target="_blank" class="klick"><img src="https://business-view.photo/graphics/facebook.png" alt="facebook" title="Folge uns auf Facebook" border="0" width="30" height="30"></a>
<a href="https://plus.google.com/104367896941189009031/" target="_blank" class="klick"><img src="https://business-view.photo/graphics/google+.png" alt="google+" title="Folge uns auf Google+" border="0" width="30" height="30"></a>
<a href="https://twitter.com/voninnenansehen" target="_blank" class="klick"><img src="https://business-view.photo/graphics/twitter.png" alt="twitter" title="Folge uns auf Twitter" border="0" width="30" height="30"></a>
<!-- Links zu Sozialen Netzwerken des Kunden, es sollten max. 3 sein / ENDE -->
<!-- Google Earth Einbindung, mit www.GeoSetter.de kann die Datei sofort erstellt werden -->
<a href="http://www.example.com/google-earth.kmz" class="klick"><img src="https://business-view.photo/graphics/google_earth.png" alt="Google Earth" title="Auf Google Earth ansehen" border="0" width="30" height="30"></a>
&nbsp;
<? if ($_GET[run]=='true')echo'<a href="'.$aktuell.'" target="_self"><img src="https://business-view.photo/graphics/graphics/Pause_Button.png" title="Animation Stoppen" border="0" width="30" height="30"></a>'; else echo'<a href="'.$aktuell.'?run=true" target="_self"><img src="https://business-view.photo/graphics/Play_Button.png" title="Animation Starten" border="0" width="30" height="30"></a>'; ?>
</li>
<li><hr><nobr><div class="normal">Gefällt mir: <a href="http://www.facebook.com/sharer.php?u=<? echo $aktuell; ?>" onclick="window.open('http://www.facebook.com/sharer.php?u=<? echo $aktuell; ?>','','status=no, scrollbars=yes, toolbar=no, width=650,height=500,screenX=0,screenY=0,left=50,top=50');;return false;" title="Auf Facebook teilen" alt="facebook" border="0"><img src="https://business-view.photo/graphics/facebook-like.png" alt="facebook like" title="Auf Facebook teilen" border="0" height="21"></a> <a href="https://plus.google.com/share?url=<? echo $aktuell; ?>" onclick="window.open('https://plus.google.com/share?url=<? echo $aktuell; ?>','','status=no, scrollbars=yes, toolbar=no, width=650,height=500,screenX=0,screenY=0,left=50,top=50');;return false;" title="Auf Google+ teilen" alt="Google+" border="0"><img src="https://business-view.photo/graphics/google+1button.jpg" alt="google+" title="Auf Google+ teilen" border="0" width="34" height="21"></a> </div></nobr></li>
<li><hr><font size="-2"><a href="https://goo.gl/KurzURL-LinkTeilen-Panorama" target="_blank" onmouseover="Tip('<p>Einfach unten links auf das Wort Google klicken.</p>', TITLE, 'Vergrößerte Darstellung', CLICKCLOSE, true, STICKY, true, SHADOW, true, CLOSEBTN, true)" onmouseout="UnTip()">Vergrößerte Darstellung</a><br>Fotograf: <!-- LINK direkt auf euer Profil bei Business View Photo Ag --> <a href="https://business-view.photo/vorname_nachname/" target="_blank" title="Google Street View Fotograf">Vorname Nachname Fotograf</a></font></li>
</ul>
</div>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"></script><!-- &amp;developerKey=YourKey --><!-- Falls voerhanden die developperKey des Kunden/Fotografen -->
<!-- Hier noch den Original Quellcode für Google Analytik einbinden für Statistik, vom Kunden -->
</body>
</html>

Download Quellcode

Download Quellcode als TXT Datei, mit zusätzlichen Funktionen!
Für den direkten Download Link, einfach ein Like, Tweet oder +1 anklicken.
[sociallocker]
Download Quellcode TourOverlay Google Street View
[/sociallocker]

Quellcode PanoID

Gerne können Sie mit folgendem Code, die Funktion bei Ihnen in der Webseite anbieten

<h1>PanoID aus Google Street View Panoramen extrahieren</h1>
<iframe src="https://business-view.photo/include/panoid-googlestreetview.php" width="100%" height="400" frameborder="0" style="border:0" allowfullscreen>
<a href="https://business-view.photo/include/panoid-googlestreetview.php">PanoID aus Google Street View Panoramen</a>
</iframe>

Weiterführende Informationen

Google Street View Tour – von innen ansehen, selbst erstellen
Gratis Badge Street View Trusted (Aufkleber, für Ihre Kundenwerbung)
Zeitreise bei Google (Fahren Sie mit der Maus über den Zeitstrahl)

PanoID aus Google Street View Panoramen extrahieren

Quellcode PanoID für die eigene Webseite

Anzeige nicht Möglich
Bitte akzeptieren Sie unsere Cookie-Richtlinie, und klicken Sie hier

Not possible to display
Please accept our cookie policy and click here

Wir hoffen, dass Ihnen unsere Themenauswahl zusagt und freuen uns über Ihr Feedback.

facebook Gruppe facebook Seite twitter linkedin XING Gruppe MeWe tumblr disqus Pinterest YouTube VK Marktplatz Mittelstand

Gefällt Ihnen die Themenauswahl unserer News? Der Aufbau, der Inhalt, die Optik? Wenn ja würden wir uns um eine Nachricht freuen, auch über konstruktive Kritik sind wir sehr dankbar. Gefällt Ihnen unsere Webseite? Fünf Fragen, gestalten Sie unsere Webseite mit.

HTML-Code

Mastodon Share Button – Probier es aus!

Installation Mastodon Shariff Buttom, WordPress Plugin

Über Mastodon

Mastodon ist nicht für den DAU, “dem dümmsten anzunehmenden User”, her gedacht

Nur bei einem Server, muss man sich Anmelden!

» Gefällt Ihnen der Artikel? Dann teilen sie ihn, mit Ihren Freunden.

Mehr Kunden mit Google Maps Street View 360 Grad!

Niederlassungen & Fotografen

Wir hoffen, dass Ihnen unsere Themenauswahl zusagt und freuen uns über Ihr Feedback.

Mehr kostenlose GOOGLE, Bing, Yahoo, facebook-Tipps

» Gefällt Ihnen der Artikel? Dann teilen sie ihn, mit Ihren Freunden.

Haben wir Sie neugierig gemacht? Haben Sie noch Fragen?

Niederlassungen & Fotografen

Wir hoffen, dass Ihnen unsere Themenauswahl zusagt und freuen uns über Ihr Feedback.

Mehr kostenlose GOOGLE, Bing, Yahoo, facebook-Tipps

rel=”nofollow”

rel=”ugc”

rel=”sponsored”

Mehrere Link-Attribute werden unterstützt:

Google: Gekaufte Links jetzt mit „Sponsored“-Hinweis kennzeichnen

» Gefällt Ihnen der Artikel? Dann teilen sie ihn, mit Ihren Freunden.

Haben wir Sie neugierig gemacht? Haben Sie noch Fragen?

Niederlassungen & Fotografen

Wir hoffen, dass Ihnen unsere Themenauswahl zusagt und freuen uns über Ihr Feedback.

Mehr kostenlose GOOGLE, Bing, Yahoo, facebook-Tipps

Google Bewertungs Sterne in der Suchmaschine, bringen bis zu 35% mehr Klicks!

Alles keine Hexerei

Achtung / Vorsicht / Hinweis

Webdesign und Programmierung

» Was halten Sie davon? Ihre Feedback ist uns wichtig!

Haben wir Sie neugierig gemacht? Haben Sie noch Fragen?

Niederlassungen & Fotografen

Wir hoffen, dass Ihnen unsere Themenauswahl zusagt und freuen uns über Ihr Feedback.

Mehr kostenlose GOOGLE, Bing, Yahoo, facebook-Tipps

Die letzte Checkliste und letzte Informationen

Export und Löschung personenbezogener Daten

Datenschutzerklärung

DSGVO Checkliste Webseite

(A) Update der Webseite, wenn Sie ein CMS System haben

(B) Im Büro, im Unternehmen

Wie sieht die Situation für Fotografen und Filmer aus?

» Was halten Sie davon? Ihre Feedback ist uns wichtig!

Haben wir Sie neugierig gemacht?

Niederlassungen & Fotografen

Wir hoffen, dass Ihnen unsere Themenauswahl zusagt und freuen uns über Ihr Feedback.

Mehr kostenlose GOOGLE, Bing, Yahoo, facebook-Tipps

Einfache Umsetzung mit Quellcode

Die Anpassungen der Datei fotoalbum.php wie folgt:

Fotoalbum Spezial, mit Rollover

Bilder / Fotos automatisch mit Wasserzeichen versehen

Wir hoffen, dass Ihnen unsere Themenauswahl zusagt und freuen uns über Ihr Feedback.

Bilder bei Facebook & Twitter einbinden und teilen

Testen Sie selbst

Wichtig für Facebook

Wir hoffen, dass Ihnen unsere Themenauswahl zusagt und freuen uns über Ihr Feedback.

Mehr kostenlose GOOGLE, Bing, Yahoo, facebook-Tipps

Ansehen – Ausprobieren – Download

Zusätzliche Kostenlose Vorlagen

Weiterführende Informationen

Wir hoffen, dass Ihnen unsere Themenauswahl zusagt und freuen uns über Ihr Feedback.

Mehr kostenlose GOOGLE, Bing, Yahoo, facebook-Tipps

Link erstellen für Google Kalender Einträge

Kalenderlink als QR-Code drucken

Einbindung In Ihre Seite

SEO (Suchmaschinenoptimierung) für Events

TourEXTENDER, Overlay für Google Street View Touren selbst erstellen

Kompletter Quellcode

Quellcode TourEXTENDER wie oben dargestellt

Download Quellcode

Quellcode PanoID

Weiterführende Informationen

PanoID aus Google Street View Panoramen extrahieren

Wir hoffen, dass Ihnen unsere Themenauswahl zusagt und freuen uns über Ihr Feedback.

Mehr kostenlose GOOGLE, Bing, Yahoo, facebook-Tipps