Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion

collapse

* Wichtige Mitglieder-Information

Da immer noch Mails verwunderter "Mitglieder" bei mir ankommen, weil Login und Registrierung nicht funktionieren... das Forum ist seit geraumer Zeit geschlossen und steht ausschlielich als Nachschlagewerk zur Verfgung. Einerseits bin ich froh, diesen Schritt gewagt zu haben... auf der anderen Seite... wenn ich hier manchmal so lese... es war doch "'ne geile Zeit" mit euch! Macht's gut!

Beste Gre nettesekel

* Friendship

DER Katzenblog  mit tollen Tipps und Ideen fr deine Katze(n) <3

Die letzten Beitrge

Autor Thema: 2-Klick-Empfehlungsbutton von Heise und Plugin  (Gelesen 2398 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline nettesekel

  • Administrator
  • *****
  • Beitrge: 8181
2-Klick-Empfehlungsbutton von Heise und Plugin
« am: 02. April 2013, 11:46:09 »
     

Wer datenschutzrechtlich auf der sicheren Seite sein mchte, der nutzt fr deine Website am besten den 2-Klick-Empfehlungsbutton von Heise.
Im Gegensatz zu den herkmmlichen Like-Button, sendet dieser besucherspezifische Daten erst dann, wenn er vom Seitenbesucher auch aktiviert wurde.

In folgendem Beispielprojekt knnt ihr euch ansehen, wie das Ganze aussieht, nachdem es in NOF eingebaut wurde.

http://demos.nof-community.de/heise/index.html
« Letzte nderung: 11. April 2013, 15:23:30 von nettesekel »

Offline nettesekel

  • Administrator
  • *****
  • Beitrge: 8181
Re: 2-Klick-Empfehlungsbutton von Heise und Plugin
« Antwort #1 am: 10. April 2013, 23:26:18 »
Ladet zunchst unter folgendem Link die zip-Datei mit den bentigten Scripts und Grafiken herunter.  http://www.heise.de/extras/socialshareprivacy/




Wenn ihr die zip-Datei entpackt, erhaltet ihr einen Ordner mit dem Namen jquery.socialshareprivacy in welchem sich ein weiterer Ordner mit dem Namen socialshareprivacy befindet. ffnet bitte diesen Ordner.




In diesem Ordner seht ihr nun wieder einen Ordner namens socialshareprivacy und einige einzelne Dateien. Fr euer Projekt bentigt ihr den Ordner socialshareprivacy und die Datei jquery.socialshareprivacy.js.

Um den 2-Klick-Button auch bei lokaler Publizierung sehen zu knnen, kopiert ihr  ihr den Ordner socialshareprivacy und die Datei jquery.socialshareprivacy.js...




... und fgt sie im Ordner lokale Publizierung eures Projekts wieder ein, wenn ihr den Button auf der Startseite nutzen wollt.




...und fgt sie im hml-Ordner euerer lokalen Publizierung ein, wenn ihr den Button auf den Unterseiten nutzen wollt.
(wenn ihr den Button auf alles Seiten nutzen wollt, fgt ihr die Dateien an beiden Orten ein)




Damit das Ganze auch online funktioniert msst ihr die Dateien ebenfalls auf eurem Server platzieren. Hierzu bentigt ihr ein FTP-Programm.
Anleitung - Publizieren mit Filezilla

Hier gilt das Selbe wie offline. Soll der Button auf der Starseite genutzt werden, mssen der Ordner socialshareprivacy und die Datei jquery.socialshareprivacy.js ins Rootverzeichnis kopiert werden. (dorthin, wo auch die index.html liegt)



Und fr alle Unterseiten mssen die Dateien ebenfalls im html-Ordner eingefgt werden.

« Letzte nderung: 11. April 2013, 15:10:59 von nettesekel »

Offline nettesekel

  • Administrator
  • *****
  • Beitrge: 8181
Re: 2-Klick-Empfehlungsbutton von Heise und Plugin
« Antwort #2 am: 11. April 2013, 07:11:31 »
Nun startet ihr eurer NOF und ffnet das Projekt, in welchem der Button genutzt werden soll. Mchtet ihr den Button auf mehreren Seiten einsetzen, so solltet ihr den folgenden Code im Masterrahmen platzieren. (Masterrahmeneigenschaften mit F10 aufrufen)
Der Code muss zwischen den Head-Tags eurer Seite eingefgt werden.

Anleitung, wie man Code zwischen den Head-Tags einfgt...

Code: HTML5
  1. <script type="text/javascript" src="jquery.socialshareprivacy.js"></script>
  2. <script type="text/javascript">
  3.   jQuery(document).ready(function($){
  4.     if($('#socialshareprivacy').length > 0){
  5.       $('#socialshareprivacy').socialSharePrivacy();
  6.     }
  7.   });


Im Anschluss platziert ihr ein Textfeld an der Stelle, an welcher euer Button erscheinen soll. Zieht das Textfeld etwas in die Breite. Im html des Textfeldes hinterlegt ihr nun folgenden Code.
Anleitung, wie man Code in ein Textfeld einfgt...

Code: HTML5
  1. <div id="socialshareprivacy"></div>
« Letzte nderung: 15. Mai 2014, 22:00:52 von nettesekel »

Offline nettesekel

  • Administrator
  • *****
  • Beitrge: 8181
Re: 2-Klick-Empfehlungsbutton von Heise und Plugin
« Antwort #3 am: 11. April 2013, 15:20:46 »
Sollten nach Publizierung der Seite die Button nicht in einer Reihe erscheinen, so msst ihr das Textfeld noch etwas breiter ziehen.
Die volle Funktion des Buttons knnt ihr erst online sehen. Offline erscheinen die aktiven Grafiken von Facebook und Google+ nicht. Davon also davon bitte nicht irritieren lassen.

Ich hab ebewut die ltere jQuery-Datei eingebunden. es gibt zwar inzwischen schon die Version 1.9. damit funktioniert jedoch der 2-Klick-Button nicht.

Viel Erfolg!

« Letzte nderung: 04. Oktober 2014, 12:35:34 von nettesekel »

Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion