Connexion API
ConnexionInscription API

Intégration facile HTML

Avant de commencer


Collez cet extrait avant la balise fermante </head> sur votre modèle HTML :
<script src="https://api.risidex.com/api.js" async defer></script>

Ajouter un bouton Risidex


Collez ce code là où vous souhaitez que le bouton Risidex s'affiche :
<div class="risidex" data-textarea="#textarea"></div>
#textarea est le sélecteur représentant le champ de message où seront insérés les stickers.




Aller plus loin avec l'intégration HTML

Afficher une fenêtre de stickers Risidex


Si vous ne souhaitez pas utiliser le bouton par défaut, vous pouvez afficher programmatiquement la fenêtre de stickers Risidex à l'aide du code :
Risidex.show('#textarea');
#textarea est le sélecteur représentant la zone de texte où seront insérés les stickers.


Remplacer des liens présents sur votre site par des stickers


Il est possible de remplacer programmatiquement les liens présent dans un élément de votre site par des stickers en appelant la fonction :
Risidex.replaceLinksWithStickers('window.body');
window.body peut être n'importe quel élement pouvant contenir des stickers.

Afficher les favoris des utilisateurs dans un conteneur


Il est possible d'afficher la liste des favoris des utilisateurs Risidex visitant votre site en utilisant la fonction suivante :
Risidex.showFavorites('#favoris', '#textarea');
#favoris est le sélecteur représentant le conteneur qui contiendra la liste des stickers favoris et #textarea le sélecteur représentant la zone de texte où pouront être insérés les stickers lors d'un clic.

Ajouter un sticker en favoris


Il est possible d'ajouter un sticker en favoris à l'aide de la fonction suivante :
Risidex.setFav('Lien vers le sticker', function(success){});

Afficher une liste de stickers dans un conteneur


Il est possible d'afficher une liste de stickers dans un conteneur à l'aide de la fonction suivante :
Risidex.loadStickers('Nom de la page', document.getElementById('element'), Paramètre supplémentaire pour la recherche);

Liste des pages :

Nom de la page Description Exemple
recent Stickers récents Risidex.loadStickers('recent', document.getElementById('conteneur'));
top Top stickers Risidex.loadStickers('top', document.getElementById('conteneur'));
trending Stickers tendances Risidex.loadStickers('trending', document.getElementById('conteneur'));
random Stickers aléatoires Risidex.loadStickers('random', document.getElementById('conteneur'));
search Recherche de stickers Risidex.loadStickers('search', document.getElementById('conteneur'), 'risitas');

Configurer Risidex


Vous pouvez activer ou désactiver certains paramètres de Risidex en ajoutant le code suivant sur votre page :
<script>
var risidex_options = {
    replaceLinksWithStickers: true,
    disableLogin: false,
    disableFavorites: false
};
</script>

Liste des paramètres :

Variable paramètre Description
replaceLinksWithSticker Remplace automatiquement les liens présents sur votre site par des stickers quand il vaut true.
disableLogin Désactive la possibilité de se connecter à Risidex quand il vaut true.
disableFavorites Désactive l'affichage, l'ajout et la suppression des favoris quand il vaut true.



API Risidex

Introduction


Si vous souhaitez uniquement récuperer des données depuis le serveur de Risidex, vous pouvez récuperer les listes de stickers en appelant différentes URL qui sont indiquées ci-dessous.
La liste en sortie est au format JSON.

Exemple de liste JSON


{
    {
        "auteur" : Evil,
        "image" : https:\/\/image.noelshack.com\/fichiers\/2018\/25\/6\/1529708477-vieux.png
    },
    {
        "auteur" : Volutes,
        "image" : https:\/\/image.noelshack.com\/fichiers\/2018\/25\/6\/1529709828-love.png
    }
}

URL


Liste des derniers stickers:
https://api.risidex.com/recent

Liste des meilleurs stickers:
https://api.risidex.com/top

Liste des stickers tendances actuellement:
https://api.risidex.com/trending

Liste de stickers aléatoires:
https://api.risidex.com/random

Rechercher des stickers:
https://api.risidex.com/search?q=recherche
recherche est la chaîne de caractères représentant la recherche.