Fremstil en Gem-knap til dit website

Tip og fejlfinding

"Hvis du har tilføjet den officielle Gem-knap i din kode før juni 2016, bedes du bemærke, at vi ændrede designet fra "Pin it" til "Gem" den 3. oktober 2017".

Med Gem-knappen bliver det nemmere for din virksomhed at blive fundet på Pinterest. Når du indsætter Gem-knappen på siderne på dit website, kan dine kunder gemme de ting, de synes om, på Pinterest, og det betyder, at mange andre også kan finde de ting. 
 
Hvis du har et Wordpress-, Blogger-, Tumblr-, Wix- eller Squarespace-website:
 
WordPress.com WordPress.com
Pin It-knappen i Wordpress kræver ikke særlig kode på dit website. Du kan tilføje Pin It-knappen til alle dine indlæg på Wordpress ved at aktivere den i standardindstillingerne for deling.
  1. Gå til kontrolpanelet i Wordpress
  2. Gå til Indstillinger og derefter Deling
  3. I sektionen Delingsknapper trækker du Pinterest fra Tilgængelige tjenester til Aktiverede tjenester
  4. Hvis du vil vise standardversionen af Pin It-knappen, vælger du Officielle knapper i rullemenuen Knaptype
  5. Klik på Gem ændringer nederst på siden.
WordPress.org WordPress.org

Download et plugin til den svævende Pin It-knap fra WordPress.org-pluginkatalog.

Blogger Blogger
  1. Gå til Layout i betjeningspanelet for Blogger
  2. Klik på sektionen rediger under sektionen for blogindlæg.
  3. Rul ned til Vis deleknapper, og markér afkrydsningsfeltet, hvis det ikke allerede er markeret.
  4. Byt rundt på placeringen af de forskellige elementer i sektionen Arranger feed-indlæg, hvis du har behov for det, og klik på Gem
Tumblr Tumblr
Du skal først tilføje en JavaScript-linje.
 
Sådan tilføjer du JavaScript-linjen:
  1. Vælg den blog, du vil redigere, i kontrolpanelet for Tumblr, og klik på Customize
  2. Klik på Edit HTML i skærmbilledet Customize.
  3. Rul ned til bunden af koden
  4. Kontrollér, om din kode indeholder pinit.js. Hvis den gør, er du færdig.
  5. Hvis ikke, skal du tilføje dette lige over den afsluttende </body>-kode: <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
 
Sådan tilføjer du en svævende Pin It-knap:
  1. Sørg for, at du har tilføjet JavaScript-linjen ifølge vejledningen.
  2. Vælg den blog, du vil redigere, i kontrolpanelet for Tumblr, og klik på Customize
  3. Klik på Edit HTML i Customize-skærmbilledet.
  4. Rul ned til bunden af koden
  5. Tilføj data-pin-hover="true" før "src=" på trin 4 herover. Din nye linje skal se således ud: <script type="text/javascript" async data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>
  6. Klik på Update Preview. Du burde nu kunne se en svævende Pin It-knap, når du peger på billedeksemplet til højre. Hvis ikke, skal du gå tilbage til trin 5 og sikre dig, at alt står på det rette sted.
  7. Klik på Gem
Wix.com Wix.com
  1. Klik på Tilføj (+) i venstre side i editoren.
  2. Klik på Socialt.
  3. Rul ned til bunden, og klik på Pinterest Pin It.
  4. Træk Pint It-knappen til det sted på siden, hvor den skal vises.
  5. Pin It-knappen opretter en pin ud fra det billede og den beskrivelse, du vælger. Pinnen linker tilbage til den side, du er på, når du klikker på Pin It.
Squarespace Squarespace

Se, hvordan du fremstiller en Pin It-knap til dit Squarespace-website her

 
Hvis du selv vil fremstille en knap, skal du først beslutte, hvilken type Gem-knap du vil tilføje. Du kan vælge mellem tre typer: 
 
  • Svævende (se det her): Når nogen holder markøren på et billede på siden, vises Gem-knappen.
    Learn how to build it Learn how to build it
    1. Gå til widget-fremstilleren.
    2. Vælg Svævende i afsnittet Knaptype.
    3. Tilpas størrelsen og formen på din knap. 
    4. Du kan få vist et eksempel på knappen ved at pege på eksempelbilledet. Du kan også klikke på Pin It-knappen for at se, hvordan den virker.
    5. Når du er tilfreds med knappen, skal du kopiere koden i sektionen Kopiér kode
    6. Indsæt koden lige over den afsluttende kode </body> på hver side, hvor knappen skal vises på dit website.
  • Alle billeder  (se det her): Hvis nogen klikker på knappen, kan vedkommende gemme ethvert billede på websitet. Det er ret nemt at implementere.
    Learn how to build it Learn how to build it
    1. Gå til widget-fremstilleren.
    2. Vælg Alle billeder under afsnittet Knaptype.
    3. Tilpas knappens størrelse, form, sprog og billede. 
    4. Du kan få vist et eksempel på knappen ved at pege på eksempelbilledet. Du kan også klikke på Gem-knappen for at se, hvordan den virker.
    5. Når du er tilfreds med knappen, skal du kopiere den kode, der vises til højre på siden.
    6. Indsæt koden mellem koderne <body> og </body> på hver af de sider på dit website, hvor knappen skal vises.
  • Ét billede (se det her): Dette er en Gem-knap til et enkelt billede på siden. Det kræver mere teknisk viden at implementere den.
    Learn how to build it Learn how to build it
    1. Gå til widget-fremstilleren.
    2. Tilpas knappens størrelse, form, sprog eller billede. 
    3. Tilføj webadressen for de websider, som indeholder det billede, du vil oprette en Gem-knap til (det kan være startsiden eller en anden side på dit website).
    4. Åbn et nyt vindue i browseren, og gå til dit website.
    5. Højreklik på det billede, du vil oprette en Gem-knap til.
    6. Vælg Kopiér webadressen til billedet.
    7. Gå tilbage til widget-fremstilleren, og indsæt webadressen til billedet i feltet Billede.
    8. Skriv en beskrivelse til billedet.
    9. Klik på Fremstil for at få vist et eksempel af knappen
    10. Når du er tilfreds med knappen, skal du kopiere den kode, der vises til højre på siden.
    11. Indsæt koden mellem koderne <body> og </body> på hver af de sider på dit website, hvor knappen skal vises.

Almindelige problemer

Gem-knappens tæller bliver ikke vist, eller den viser ikke det korrekte tal
Opslagstavlevælgeren åbner ikke i et nyt vindue, når du klikker på Gem-knappen
Den svævende knap virker ikke.
Pinterest har problemer med at kommunikere med mit website

Tælleren viser det antal pins, der går til den webadresse, du har angivet i koden for knappen. Hvis det ikke er den samme side, som den, du er på nu, viser tælleren måske ikke det tal, du havde forventet.

Hvis du bruger en tæller sammen med en Gem-knap, der gælder for alle billeder, tæller den alle de pins, der går til webadressen for den side, du er på nu.

Hvis du bruger en tæller, der vises ved siden af knappen, og samtidig har nul pins for den aktuelle side, bliver tælleren ikke vist. Så snart du har bare en enkelt pin fra siden, dukker tælleren op.

Hvis du bruger en Gem-knap fra en tredjepart, skal du kontakte udbyderen af den og høre, om de kan løse problemet. 

Prøv følgende tip, hvis du bruger din egen Gem-knap:

  • Kontrollér, at du har medtaget JavaScript-linjen lige over den afsluttende kode på din side.
  • Fjern alle linjer undtaget den sidste, hvis du har mere end én JavaScript-linje på din side.
  • Fjern en af dem, hvis du både bruger det avancerede asynkrone JavaScript og den almindelige JavaScript-linje.
  • Hvis du bruger et plugin fra en tredjepart, tilføjer det måske allerede linjen pinit.js til din kode. Hvis det er tilfældet, behøver du ikke at tilføje linjen selv.
Visse udbydere understøtter ikke JavaScript, så hos dem vil du ikke kunne tilføje koden fra vores widgetfremstiller. De har sandsynligvis andre metoder til at tilføje widgets.

Prøv disse tip til fejlfinding:
 
  • Sørg for, at dine billeder har en størrelse på mindst 100x200 pixel. Du bestemmer selv, om billedet er i bredformat eller højformat. Hvis du vil fremstille en svævende Gem-knap, skal billedet være på mindst 120x120 pixel.
  • Sørg for, at dine billeder ikke er angivet i CSS-baggrunden, og kontrollér, at hvert billede har en src-attribut, der starter med "img".
  • Tilføj koden for den svævende knap lige over den afsluttende kode.

Det betyder, at der opstår timeout for Pinterest, før vi kan oprette en pin på dit website. Desværre er det ikke noget, vi kan rette, da det som regel skyldes, at et website er langsomt. Vi anbefaler, at du selv undersøger problemet.