Lag en Lagre-knapp for nettstedet ditt

Tips og problemløsing

Merk at hvis du har lagt til den offisielle Lagre-knappen før juni 2016, ble designen oppdatert 3. oktober 2017 fra «Pin it» til «Lagre».

Lagre-knappen gjør det mye enklere for en bedrift å bli oppdaget på Pinterest. Når du legger til Lagre-knappen på nettsidene dine, kan kundene dine lagre alt de liker på Pinterest, noe som åpner for at enda flere mennesker kan finne disse tingene. 
 
Hvis du har en Wordpress, Blogger, Tumblr, Wix eller Squarespace-webside:
 
WordPress.com WordPress.com
Pin It-knappen i Wordpress krever ingen ekstra kode på nettstedet ditt. Du kan legge til Pin It-knappen i alle Wordpress-innleggene dine ved å aktivere den i standardinnstillingene for deling.
  1. Gå til Wordpress-dashbordet
  2. Gå til Settings og deretter Sharing
  3. I seksjonen for Sharing Buttons, trekker du Pinterest-tjenesten fra Available Services til Enabled Services
  4. Hvis du ønsker å bruke Pin It-knappens standardbilde, kan du velge dette under Official ​buttons i listen Button style
  5. Klikk på Save Changes nederst på siden
WordPress.org WordPress.org

Last ned en plugin for den svevende Pin It-knappen fra WordPress.org sin plugin-katalog.

Blogger Blogger
  1. Gå til Layout-seksjonen på Blogger-dashboardet
  2. Klikk på edit i Blog Posts-seksjonen
  3. Rull ned til Show Share Buttons, og merk av i boksen hvis det ikke allerede er gjort
  4. Om nødvendig kan du omorganisere i Arrange Items-seksjonen og deretter klikke på Save
Tumblr Tumblr
Først må du legge til en Javascript-linje.
 
Slik legger du til en javaskriptlinje
  1. Velg bloggen du ønsker å redigere på Tumblr-dashbordet, og klikk deretter på Customize
  2. Klikk på Edit HTML i Customize-vinduet
  3. Rull ned til siste del av koden
  4. Sjekk om koden har pinit.js i seg — i så fall er du ferdig!
  5. Hvis ikke, legger du til følgende rett over den avsluttende taggen </body>: <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
 
Slik legger du til en svevende Pin It-knapp:
  1. Husk å legge til javaskriptlinjen gjennom å følge trinnene ovenfor
  2. Velg bloggen du ønsker å redigere på Tumblr-dashbordet, og klikk deretter på Customize
  3. Klikk på Edit HTML i Customize-vinduet
  4. Rull ned til siste del av koden
  5. Legg til data-pin-hover="true" før “src=”-delen fra trinn 4 ovenfor. ​Den nye linjen skal se slik ut: <script type="text/javascript" async data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>
  6. Klikk på Update Preview. Du skal nå kunne se at Pin It-knappen dukker opp når du flytter markøren over eksempelbildet til høyre. Hvis du ikke gjør det, bør du gå tilbake til trinn 4 og sjekke at alt ser riktig ut.
  7. Klikk på Save
Wix.com Wix.com
  1. Klikk på Legg til (+) på venstre side i redigeringsprogrammet.
  2. Klikk på Social.
  3. Rull ned til bunnen og klikk på Pinterest Pin It.
  4. Dra Pin It-knappen der du vil ha den på siden.
  5. Pin It-knappen oppretter en Pin basert på det bildet og den beskrivelsen du velger. Pinen lenker tilbake til den siden du er på når du klikker på Pin It..
Squarespace Squarespace

Lær hvordan du kan lage en Pin It-knapp for Squarespace-siden din her

 
Hvis du ønsker å lage din egen knapp, må du først bestemme hvilken type Lagre-knapp du vil ha. Det finnes tre typer å velge mellom: 
 
  • Pekerfølsom knapp (se eksempel her): Når noen holder markøren over et bilde på siden, dukker Lagre-knappen opp.
    Learn how to build it Learn how to build it
    1. Gå til widget-verktøyet.
    2. Velg Dra over bildet i Type Knapp- seksjonen.
    3. Tilpass størrelsen og formen på knappen din. 
    4. Forhåndsvis knappen ved å holde markøren over eksempelbildet. Du kan også klikke på Pin It-knappen for å se hvordan den fungerer.
    5. Når du er fornøyd med knappen, kopierer du koden under Copy the code.
    6. Lim inn koden rett over den avsluttende taggen </body> på alle sidene der du ønsker at knappen skal vises.
  • Alle bilder(se eksempel her): Hvis noen klikker på denne knappen, kan de lagre et hvilket som helst bilde fra nettstedet ditt. Denne er ganske enkel å lage.
    Learn how to build it Learn how to build it
    1. Gå til widget-verktøyet.
    2. Velg Hvilket som helst bilde under Type Knapp -seksjonen
    3. Tilpass størrelsen, formen, språket og bildet på knappen din. 
    4. Forhåndsvis knappen ved å holde markøren over eksempelbildet. Du kan også klikke på Lagre-knappen for å se hvordan den fungerer.
    5. Når du er fornøyd med knappen, kan du kopiere koden som vises til høyre på siden.
    6. Lim inn koden mellom taggene <body> og </body> på alle sidene der du vil at knappen skal vises.
  • Ett bilde (se eksempel her): Dette er en Lagre-knapp for ett enkelt bilde på siden din, og krever mer teknisk koding.
    Learn how to build it Learn how to build it
    1. Gå til widget-verktøyet
    2. Tilpass størrelsen, formen, språket eller bildet på knappen din. 
    3. Legg til nettadressen til de nettsidene som inneholder bildet du ønsker å opprette en Lagre-knapp for (dette kan være en hvilken som helst side på nettstedet ditt)
    4. Åpne et nytt vindu i nettleseren og gå til nettstedet ditt
    5. Høyreklikk på bildet du ønsker å opprette en Lagre-knapp for
    6. Velg Copy Image URL
    7. Gå tilbake til widget-verktøyet og lim inn URL-en til bildet i bildefeltet
    8. Skriv en beskrivelse for bildet
    9. Klikk på Bygg den! for å se en forhåndsvisning av knappen
    10. Når du er fornøyd med knappen, kan du kopiere koden som vises til høyre på siden
    11. Lim inn koden mellom taggene <body> og </body> på alle sidene der du vil at knappen skal vises

Vanlige problemer

Lagre-knapp-telleren vises ikke / stemmer ikke
Tavlevelgeren åpner ikke i et nytt vindu når du klikker på Lagre-knappen
Den pekerfølsomme knappen fungerer ikke
Pinterest har problemer med å kommunisere med nettstedet mitt

Telleren viser antall Pins som går til den nettadressen du har angitt i knappens kode.Hvis det ikke er den samme siden som den du er på nå, viser telleren kanskje ikke det tallet du hadde forventet.

Hvis du bruker en teller sammen med en Lagre-knapp som gjelder for alle bildene, teller den alle Pinsene som går til den aktuelle nettadressen.

Hvis du bruker en teller som vises ved siden av knappen, og samtidig har null Pins for den aktuelle siden, blir ikke telleren vist. Med det samme du har minst én enkelt Pin fra siden, dukker telleren opp.

Hvis du bruker en Lagre-knapp fra en tredjepart, må du kontakte utvikleren av denne og høre om de kan fikse problemet. 

Hvis du bruker en egen Lagre-knapp, kan du prøve disse tipsene:

  • Forsikre deg om at du har inkludert JavaScript-linjen i koden på siden din, rett over endetaggen
  • Hvis javalinjen finnes flere steder på siden, kan du prøve å fjerne alle disse linjene bortsett fra den siste.
  • Hvis du bruker både det avanserte asynkrone javaskriptet og den vanlige javaskriptlinjen, må du fjerne en av dem.
  • Hvis du bruker en plugin fra en tredjepart, er kanskje linjen pinit.js allerede lagt til i koden din. Hvis det er tilfellet, trenger du ikke å legge til denne linjen selv.
Enkelte webhotell støtter ikke javaskript. I disse tilfellene vil det ikke være mulig å legge til koden fra widgetverktøyet vårt. Noen av disse kan ha andre måter å legge til widgets på.

Se om noen av disse tipsene kan være til hjelp:
 
  • Se til at bildene er minst 100 piksler i den ene retningen (høyde eller bredde) og minst 200 piksler i den andre (bildene må være minst 120x120 for å kunne vise den pekerfølsomme Lagre-knappen)
  • Kontroller at bildene ikke er spesifisert i CSS-bakgrunnen, og sjekk at hvert bilde har en src-attributt som starter med "img"
  • Legg til koden for den pekerfølsomme knappen rett over den avsluttende taggen.

Dette betyr at Pinterest tidsutkobler før vi kan opprette en Pin fra nettstedet ditt. Dette kan vi dessverre ikke gjøre noe med, og vanligvis skjer dette når et nettsted er tregt. Vi anbefaler å undersøke om problemene kan ligge hos deg.