8.7.3 Opsætning af Open Graph på din hjemmeside

For at opsætte Open Graph på din hjemmeside, skal du indsætte metatags under headeren på din webshops produktsider.

Et metatag er i dette tilfælde en beskrivelse af en unik funktion ved produktet. Det kan være et tag til pris, beskrivelse, et link til et billede, kategori eller noget andet, du ønsker at beskrive og segmentere efter. Du kan vælge de metatags, Heyloyalty bruger til editorens standardskabelon. Her vil de nødvendige metatags se således ud:

 

<head>

 

<meta property="og:title"Indsæt indhold" />

<meta property="og:image" content="Indsæt indhold" />

<meta property="og:description" content="Indsæt indhold" />

<meta property="og:url" content="Indsæt indhold" />

<meta property="og:type" content="Indsæt indhold" />

<meta property="product:original_price:amount" content="Indsæt indhold" />

<meta property="product:price:amount" content="Indsæt indhold" />

 

 </head>


Editorens standardskabelon gør ikke brug af alle de flettefelter, der tilbydes som standard. Vælger du at lave din egen skabelon kan du fjerne/tilføje metatags på dine produktsider med udgangspunkt i netop de standardflettefelter. 

Et komplet set af metatags i Heyloyalty’s standard, der dækker over samtlige flettefelter under personlig skabelon/’custom template’ består af følgende:

 

<head>

 

<meta property="og:title" content=" Indsæt indhold " />

<meta property="og:image" content=" Indsæt indhold " />

<meta property="og:description" content=" Indsæt indhold " />

<meta property="og:url" content=" Indsæt indhold " />

<meta property="og:type" content=" Indsæt indhold " />

<meta property="product:original_price:amount" Indsæt indhold " />

<meta property="product:price:amount" content=" Indsæt indhold " />

<meta property="product:price:currency" content=" Indsæt indhold " />

<meta property="product:brand" content=" Indsæt indhold " />

<meta property="product:color" content=" Indsæt indhold " />

<meta property="product:category" content=" Indsæt indhold " />

<meta property="product:size" content=" Indsæt indhold " />

 

</head>

 

Har du behov for endnu mere fleksibilitet i dine Open Graph-produktfeeds, kan du derudover selv tilføje nye metatags på dine produktsider med tilhørende flettefelter i Heyloyalty.

URL’en overføres til et endpoint

Dernæst skal du via URL’en på din produkthjemmeside overføres det ønskede indhold til et endpoint.

Dette endpoint skal være et URL-feed i enten json- eller xml-format. URL-feedet indsættes i Heyloyalty under ’Indstillinger’ -> ’Integration’ –> ’Open Graph’, som vist nedenfor:

Du kan have flere forskellige URL-feeds, som hver især henter de produkter, du ønsker. Det afhænger af din personlige opsætning. 

Eksempelvis har du et URL-feed, der automatisk opdateres med ’Nye produkter’ i shoppen. Du har samtidig et URL-feed, som henter produkter fra kategorien ’Mand’ og et, der henter fra kategorien ’Sommerudsalg’

Du kan i Heyloyaltys maildesigner indsætte en eller flere rækker fra disse kategorier i samme mail. Her kan du ligeledes tilføje regler til de enkelte rækker, så produkter fra kategorien ’Mand’ kun vises til den mandlige del af din modtagerliste, mens alle modtagere får vist produkter fra de andre ’Sommerudsalg’- og ’Nye produkter’-feedet.

Den intelligente integration sørger for, at det samme produkt ikke vises to gange i den samme mail.

Eksempel på xml-/json Open Graph-integration

En Open Graph-integration består af to dele:

Del 1:

Først og fremmest skal du skabe et Open Graph-feed, som du skal indsætte i Heyloyalty.

Et Open Graph-feed er en URL, der peger på en side, der indeholder et json-objekt bestående af URL's. Et eksempel på denne ville være: 

{

"product": [

"http://heyloyalty.com/opengraphfeedtest/site1.html",

"http://heyloyalty.com/opengraphfeedtest/site2.html",

"http://heyloyalty.com/opengraphfeedtest/site3.html",

"http://heyloyalty.com/opengraphfeedtest/site4.html",

"http://heyloyalty.com/opengraphfeedtest/site5.html",

"http://heyloyalty.com/opengraphfeedtest/site6.html",

"http://heyloyalty.com/opengraphfeedtest/site7.html",

"http://heyloyalty.com/opengraphfeedtest/site8.html"

]

} 


Hvordan dette json-objekt genereres, er op til jer. Det kan manuelt opdateres, eller det kan opsættes, så jeres webshop eller lign. automatisk opdaterer det.

 

Antallet af produkter bestemmer I også selv - dog foreslår vi, at feedet holdes tæt på det ønskede antal produkter (+ et par stykker til) for at sikre en god udsendelse af feedet.

 

Del 2:

Dernæst skal du opsætte siderne på din hjemmeside til at have det ønskede format.

For at kunne benytte Open Graph, skal der være metatags indsat på de sider, hvis URL ligger i feedet. Disse metatags skal placeres i html <head> tags og kan f.eks. se sådan ud for et produkt:

<head>

 

<meta property="og:title" content="Mit ultra fede produkt" />

<meta property="og:image" content="http://heyloyalty.com/assets/images/icon_email.png" />

<meta property="og:description" content="Dette produkt er et must have for alle der godt kan lide ting" />

<meta property="og:url" content="heyloyalty.com" />

<meta property="og:type" content="product" />

<meta property="product:original_price:amount" content="300 " />

<meta property="product:original_price:currency" content="kr " />

<meta property="product:price:amount" content="200 " />

<meta property="product:price:currency" content="kr " />

<meta property="product:brand" content="Marketings tool" />

<meta property="product:category" content="mega awesome" />

<meta property="product:size" content="slet ikke stor nok" />

 

</head>


Når dette er opsat på samtlige URL'er i feedet, og feed'et er korrekt opsat i gyldig json-format (i stil med det fra del 1), er du klar til at indsætte dit Open Graph-feed i Heyloyalty.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk