Simon die linke Hand des Handwerks

Transkript

1 Simon die linke Hand des Handwerks Anleitung zur Einbindung der Filme per Embed-Code Alle Handwerksorganisationen und -betriebe können die Filme Simon die linke Hand des Handwerks in ihren Interntauftritt, ihren Blog oder ihr Profil bei sozialen Netzwerken einbinden. Je mehr Akteure davon Gebrauch machen, umso mehr Jugendliche können mit den Filmen erreicht werden und desto stärker profitiert das gesamte Handwerk. Die Einbindung der Filme erfolgt dabei ganz unkompliziert per Embed- Code. Gehen Sie zur Einbindung wie folgt vor: 1. Gehen Sie auf /simon.html und wählen Sie den gewünschten Film aus, der auf Ihrer Seite als erster zu sehen sein soll (wir empfehlen hier das so genannte Best Of ). 2. Klicken Sie danach auf Teilen. Nun erscheint der sogenannte Embed-Code. Durch einen Klick auf die Schaltfläche Code kopieren kopieren Sie den jeweiligen Embed-Code in Ihre Zwischenablage. 3. Gehen Sie in den Quell-Code Ihres Internetauftritts. Sollten Sie Fragen dazu haben, kann der Programmierer Ihrer Website Ihnen weiterhelfen. 4. Wählen Sie nun im Quell-Code die Stelle auf Ihrer Website, an der Sie den Film einbetten möchten. 5. Betten Sie den Embed-Code aus Ihrer Zwischenablage an der gewünschten Stelle Ihres Internetauftritts ein. Und schon können die Besucher Ihrer Website den Film sehen. Für einen unkomplizierten und schnellen Zugriff haben wir Ihnen zudem die Embed-Codes aller Filme nachfolgend auch in diesem Dokument zusammengestellt: Übrigens: Sie müssen nur einen Film einstellen. Alle weiteren Filme kann sich der Nutzer durch Anklicken des eingebetteten Player-Fensters über die Weiterleitung auf die Seite handwerk.de ansehen. Damit wird er dann auch in direkten Kontakt mit den Berufsdarstellungen und sonstigen Informationen rund um das Thema Handwerk gebracht. 1

2 Anpassung der Größe des eingebetteten Films Alle Filme der Reihe Simon die linke Hand des Handwerks sind in einem Format von 16 : 9 und einer Breite von 590 px bzw. einer Höhe von 332 px angelegt. Möchten Sie einen Film in einer anderen Größe in Ihren Internetauftritt einbinden, etwa weil der Content-Bereich Ihrer Seite kleiner ist, können Sie die Größe des Players anpassen. Passen Sie dazu die beiden Werte (S. Bild unten) im Embed-Code an. Geben Sie einfach die gewünschte Breite bzw. Höhe an. Denken Sie dabei daran, das Seitenverhältnis von 16 : 9 beizubehalten, damit der Film nicht verzogen dargestellt wird. Embed-Code: < src=" t.js"></script>>var flashvars = {videoid:"0"};swfobject.embedswf(" yer.swf", "altcontent", "590", "332", "10.0", null, flashvars);</script><div id="altcontent"><p>alternative content, if no flash has been found</p></div> Passen Sie diese Werte im Embed- Code an die Größe Ihrer Seite an. Rechenbeispiel: Sie möchten den Film beispielsweise in einer Breite von 300 px auf Ihrer Seite präsentieren. Dazu geben Sie für die Breite anstelle von 590 den Wert 300 ein. Danach rechnen Sie die entsprechende Höhe im Verhältnis von 16 : 9 zur Breite aus (300/16 * 9 = 169) und geben den Wert anstelle von 332 ein. Nun können Sie den angepassten Embed-Code an der gewünschten Stelle in Ihren Interntauftritt einbetten. Bei allen weiteren Fragen steht Ihnen natürlich das Kampagnenbüro seitens des ZDH aber auch auf Seiten der Agentur Scholz & Friends jederzeit gerne zur Verfügung. 2

3 Embed-Codes aller Simon-Filme Simon als Bäcker: ={videoid:"1"};swfobject.embedswf(" Simon als Orthopädiemechaniker: ={videoid:"2"};swfobject.embedswf(" Simon als Fotograf: ={videoid:"3"};swfobject.embedswf(" Simon als Feinwerkmechaniker: ={videoid:"4"};swfobject.embedswf(" 3

4 Simon als Elektroniker: ={videoid:"5"};swfobject.embedswf(" Simon als Raumausstatter: ={videoid:"8"};swfobject.embedswf(" Simon als Dachdecker: ={videoid:"8"};swfobject.embedswf(" Simon als Schuhmacher: ={videoid:"10"};swfobject.embedswf(" i 4

5 Simon als Bootsbauer: ={videoid:"11"};swfobject.embedswf(" i Simon als Fahrzeuglackierer: ={videoid:"12"};swfobject.embedswf(" i Best Of: ={videoid:"13"};swfobject.embedswf(" i Outtakes: ={videoid:"6"};swfobject.embedswf(" 5

6 TV-Spot 1. Staffel: ={videoid:"7"};swfobject.embedswf(" TV-Spot 2. Staffel: ={videoid:"15"};swfobject.embedswf(" i Berufe-Checker Tutorial: ={videoid:"14"};swfobject.embedswf(" i 6