Logotyp vetenskapsrådet
logo_mobile

Pop up i Sitevision

Här hittar du manual för hur du hanterar och lägger upp en pop up i Sitevision.

Arkiv för popup

Popupen är en artikelsida i arkivet Popup
Sökväg: /Popup

Det går att ha flera artiklar i arkivet men bara en popup kan visas åt gången. Den första artikeln, det vill säga artikeln som ligger högt upp i arkivet, är den som kommer att ligga till grund för popupen. Om den första artikeln i arkivet inte är publicerad kommer ingen popup att visas. Kom ihåg att inte ha för många gamla artiklar i arkivet, återanvänd de du redan skapat istället.

Skapa en popup

  1. Gå till arkivet Popup, skapa ny och välj mallen popup.
  2. Fyll i text i textmodulerna Rubrik och Ingress. Om någon av dessa moduler inte har någon text, tas bort eller byter namn kommer ingen popup att visas
  3. Kom ihåg att hålla dig kort och koncis i rubrik och ingress då popupen ska läsas från alla enheter.
  4. Skapa en länk för att läsa mer. Gå via kugghjulet till Egenskaper>Metadata>Sidans innehåll till fältet Länk för popup, där väljer du vad popupen ska länka till. Det går att använda extern och intern länk - inget annat. Vill du inte länka till något lämnar du fältet tomt.
  5. Klicka OK för att spara dina inställningar
  6. Publicera sidan
  7. Det kan ta några minuter (som högst 15) innan popupen syns på sidan.

Redigera en popup

  1. Bläddra dig fram till /Popup
  2. Klicka på den artikeln som du vill redigera.
  3. Redigera som vanligt.
  4. Publicera sidan (Kom ihåg att bara den översta artikeln i arkivet visas som popup)
  5. Det kan ta några minuter (som högst 15) innan dina ändringar syns på utsidan.

Avpublicera en popup

  1. Bläddra dig fram till /Popup
  2. Klicka på den popupen som du vill avpublicera.
  3. Högerklicka på informationslänken och välj Avpublicera
  4. Det kan ta några minuter (som högst 15) innan popupen avpubliceras.

När visas popupen

Popupen visas varje gång en sida laddas.

Stängknapp

Om besökaren väljer att klicka på stäng-knappen döljs popupen och är dold under resten av sessionen.

Fördröjning

I modulens inställingar för ett val för hur många sekunder popupen ska fördröjas innan den visas.

Nyhetsbrev

Om besökaren besöker webbplatsen genom att klicka på en länk i ett nyhetsbrev där länken har parametrarna ?utm_source=Ungapped&utm_medium=email kommer popupen att vara dold under resten av sessionen.

Språk

Popupen kommer vara att visas om den nuvarande sidan har språket satt till svenska.

Kakor

Popupen visas bara om användaren har accepterat kakor. Detta för att undvika att popupen visas samtidigt som kakvalet.

I designsystemet finns inga kakor. Därför finns den globala inställningen "Finns kakor på webbplatsen?" i webbappen.

  • Välj Ja om kakor finns uppsatta på webben. Appen kommer då bara visas om det finns godkända kakor.
  • Välj Nej om det inte finns kakor uppsatta på webben. Appen visas då utan godkända kakor.

Om du behöver sätta upp funktionen på en annan webbplats följ instruktionerna nedan.

Steg 1 - Skapa metadata för följande data

Obs! Markera arv som "Arv ej möjligt" och indexera alla metadata nedan

Metadata

Namn

Datatyp

Beskrivning

Identifierare

Länk för popup

Länk

Peka ut en intern sida eller en extern länk som används i popupen

popupLink

 

Steg 2 - Skapa en egen mall för popup

  • Mallen ska innehålla en textmodul som heter Rubrik och en som heter Ingress. Det är viktigt att modulerna heter just det för att webbappen ska kunna plocka ut värdena från modulerna
  • Glöm inte att lägga till landmarks/aria-labels
  • Tilldela mallen metaddatat
    • Länk för popup
    • Sidans rubrik (pageHeading)
    • Sidans ingress (pagePreamble)
  • Lägg in kod nedan för att tydligt visa metadata

Javascript


// Utils
var propertyUtil = require('PropertyUtil');
var portletContextUtil = require('PortletContextUtil');
const metadataUtil = require('MetadataUtil');
const linkRenderer = require('LinkRenderer');
const currentPage = portletContextUtil.getCurrentPage();



const pageHeading_identifier = "pageHeading";
const link_identifier = "popupLink";

const pageHeading = propertyUtil.getString(currentPage	, pageHeading_identifier);
const linkNode = metadataUtil.getLinkMetadataPropertyValue(currentPage, link_identifier);


const pageInformation = {
   	heading: pageHeading,
   	linkNode:linkNode,
};


Velocity


#set( $link = $pageInformation.linkNode )

#if($link)
	#set( $font = 'normal' )
	#set(	$pageName = $propertyUtil.getString($link, displayName  )  )

	 $linkRenderer.update( $link, $font, $pageName )

	 <p>
   	Länk:  <u>$linkRenderer.render()  </u>
    </p>
#else
    <p>
      Länk: Länk: (Länk saknas, öppna metadata för att lägga till en länk)
    </p>
#end


Steg 3 - Skapa arkiv

  • Skapa ett arkiv i roten som heter Popup

Steg 4 - Lägg in webbappen i grundmallen

  • I repot för designsystemet finns en webbapp som heter popup
  • "Deploya" webbappen till webbplatsen
  • Lägg in modulen på grundmallen och publicera
  • Öppna inställningarna för webbappen och
    • peka ut arkivet popup,
    • vilka formatmallar som ska användas för rubrik och brödtext
    • ikonen för stängknappen
    • hur många sekunder ska popupen fördröjas