Skip to main content
Comment avoir une Url personnalisée pour mon projet ?
Niveau 2

Comment avoir une Url personnalisée pour mon projet ?

By 19 septembre 2019No Comments

FRIGG Stu­dio génère une URL pour votre pro­jet du type :
https://player.systeme-frigg.org/#project=8

Pour que votre pro­jet ait son pro­pre nom de domaine du type « monsuperprojet.org », il vous faut acheter un nom de domaine et avoir votre pro­pre héberge­ment web.

Vous devez alors créer une page « index.html » à la racine de votre héberge­ment et insér­er dans le code de cette page une iframe qui intè­gre votre projet.
Il vous faut égale­ment ren­seign­er les balis­es “meta” pour que votre pro­jet soit référencé par les moteurs de recherches.

Les infor­ma­tions que vous avez peut-être ren­seignées dans la scène “Meta” de votre pro­jet ne seront plus pris­es en compte avec votre pro­pre nom de domaine.

Ci-dessous un exem­ple de code pour la page d’index.

Ce qui est en rouge doit être rem­placé par les infor­ma­tions de votre projet.

<!DOCTYPE html>

<html>
<head>
<meta charset= »utf‑8″>
<meta prop­er­ty= “og:title” con­tent= “Par­courez la démo inter­ac­tive du logi­ciel FRIGG “/>
<meta property=“og:description” con­tent=“Créez facile­ment et gra­tu­ite­ment des expéri­ences géolo­cal­isées et ludiques sous forme d’ap­pli­ca­tions web. Par­courez la webapp de démo et décou­vrez toutes les fonc­tion­nal­ités offertes par ce nou­veau logi­ciel en ligne gra­tu­it !”/>
<meta property=“og:image” con­tent=“https://demo.systeme-frigg.org/partage-demoFRIGG-Fb.jpg”/>

 

<style type= »text/css »>

body {
margin:0px;
padding:0px;
}

#frigg {
dis­play: block;
bor­der: none;
height: 100vh;
width: 100vw;
}

</style>

<meta name= »view­port » con­tent= »width=device-width »>

</head>

<body>

<iframe src= »https://player.systeme-frigg.org/#project=8″ id= »frigg »></iframe>

<script type= »text/javascript »>

document.getElementById(‘frigg’).addEventListener(‘load’, function(e){
var mes­sage­Da­ta = {
‘par­ent-href’: window.location.href
};

e.target.contentWindow.postMessage(JSON.stringify(messageData), ‘*’);
})

</script>
</body>
</html>

Tags:

Close Menu