Cookies skal testes!
Med release 36 får vi et nyt cookiemodul, og det er derfor vigtigt at I tester jeres hjemmesider på staging for at sikre at vi ikke får fejl med i produktion.
Det I skal teste er:
1. Tjek at siden fungerer med afviste og accepterede cookies
I skal 1. afvise alle cookies og efterfølgende 2. acceptere alle cookies, og se om siden fungerer som forventet. Fx log ind som bruger og forny, reserver etc., søg efter materialer, kig på arrangementer og andet som kan være relevant.
2. Tjek jeres indlejrede indhold
Hvis I har indlejret fx et bookingsystem, en pdf-viser, youtube videoer, en eksternt tilmeldingsformular til nyhedsbreve etc. Så skal I afvise alle cookies og se hvordan indholdet vises. Derefter skal I acceptere alle cookies og se om jeres indlejrede indhold virker, som I ønsker. Hvis det ikke virker, som ønsket, så skal I tjekke om I kan fikse det ved nedenstående punkt ‘3. Opret indlejret indhold’.
3. Opret indlejret indhold
Hvis man gerne vil indlejre (embedde) indhold fra eksterne tjenester fx Youtube, som sætter 3. parts cookies, så kan man gøre det på to måder.
Via mediebrowseren (kun Youtube og Vimeo)
Denne løsning kan kun bruges til at indlejre kode fra Youtube, Vimeo eller tjenester der ikke installerer cookies.
- Kopier videoens url
- Åbn den side/nyhed/begivenhed, som du vil indsætte indlejringen på. Tryk Rediger.
- Opret/rediger en Text Paragraph
- Tryk på mediebrowser-ikonet helt til venstre i WYSIWYG-editoren
- Vælg fanen ‘WEB’ og indsæt url’en i ‘File URL or media resource’
- Tryk på ‘Næste’ og derefter tryk på ‘Indsend’.
Via indlejringskode
Du kan også kopiere indlejringskode fra en ekstern tjeneste. Når du gør det skal den ændres en lille smule. Her er et eksempel på en typisk indlejringskode som du får fra en tjeneste:
1. Koden fra en hjemmesiden
<iframe style="border-radius:12px"src="https://open.spotify.com/embed/episode/6fZDcEphGmymClE6FUjoXw?utm_source..." width="100%" height="232" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"></iframe>
Den vigtige del i den indlejringskode er den url som står efter src. Dvs. src=”https://open.spotify…..” . Den skal flyttes over i et felt som hedder data-consent-src. Så der kommer at stå data-consent-src=”https://open.spotify…..” . Derudover skal der tilføjes en ekstra attribut til indlejringskoden:
2. Tilføj kategori
Tilføj data-category-consent="cookie_cat_marketing" hvis embed-koden sætter cookies, der anvendes til markedsføring. Tilføj data-category-consent="cookie_cat_statistic", hvis embed-koden sætter cookies med statistik som formål.
Sat sammen så får vi følgende indlejringskode:
<iframe style="border-radius:12px" src="" data-category-consent="cookie_cat_marketing" data-consent-src="https://open.spotify.com/embed/episode/6fZDcEphGmymClE6FUjoXw?utm_source..." width="100%" height="232" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"></iframe>
3. Tilføj "Du har ikke accepteret cookies"-tekst
Hvis brugeren ikke har afgivet cookie-samtykke vises det embeddede indhold ikke. I det tilfælde er det en god idé at vise en placeholder. Det gøres ved at indsætte følgende kodesekvens før iframe-koden.
Bemærk her skal data-category attributten afspejle om indholdet sætter cookies med markedsføring eller statistik som formål:
<div class="consent-placeholder" data-category="cookie_cat_marketing">
<p>Denne video er ikke tilgængelig, da du ikke har accepteret Marketing cookies</p>
<a href="#" class="js-cookie-popup-trigger">Klik her for at ændre dit samtykke</a>
</div>
4. Koden der skal indsætte i kilden på jeres hjemmeside
Sat sammen har vi nu:
<div class="consent-placeholder" data-category="cookie_cat_marketing">
<p>Denne video er ikke tilgængelig, da du ikke har accepteret Marketing cookies</p>
<a href="#" class="js-cookie-popup-trigger">Klik her for at ændre dit samtykke</a>
</div>
<iframe style="border-radius:12px" src="" data-category-consent="cookie_cat_marketing" data-consent-src="https://open.spotify.com/embed/episode/6fZDcEphGmymClE6FUjoXw?utm_source..." width="100%" height="232" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"></iframe>
4. Test resten af rettelserne
- Sprog der vises efter titel bør ikke være case sensitive (#5360)
- Webforms - Dårlig styling gør webforms ulæselige (#5244)
- Prompt for log ind ved link til /user sider (#3750)
- Manglende markeringsboks til fornyelser (#5333)
- Guldknappen - styling af bekræftelse på mobil(#5307)
- Besked-boksen vedr. fornyelse" placerer sig uhensigtsmæssigt(#5288)
- Infomedia-artikler udløser fejlmeddelelse (#5284)
- Anden lokalitet slår ikke igennem på arrangementsvisning på Nodelist/sektioner (#5147)
- En allerede oprettet låner som prøver at oprette sig skal redirectes til indlogningsflowet (#5092)
- Materialeliste hentet fra BPI (#4935)
Se alle rettelserne i release 36 her
Afgørende at teste og indberette fejl
Det er vigtigt, at I udnytter testperioden, da det er den bedste garanti for, at vi ikke sender noget ud, der introducerer kritiske fejl.
Oplever I fejl i jeres test, skal I oprette en sag i vores fælles issue tracker her: https://platform.dandigbib.org/