Comment intégrer un document sur votre site web via un lien

Intégrer un document permet aux visiteurs de le consulter directement sur votre site web - sans téléchargement, sans nouvel onglet. Papermark génère un extrait iframe pour n'importe quel lien, ce qui vous permet de l'ajouter à une page d'atterrissage, un document Notion ou un portfolio en quelques secondes. Et vous continuez à suivre chaque vue, chaque page et chaque visiteur dans vos analytiques.

Voici comment procéder.

Ce dont vous aurez besoin

• Un document téléversé sur Papermark
• Un lien partageable pour ce document
• L'accès au code HTML de la page où vous souhaitez l'intégrer

Étape 1 : Ouvrez votre document

Connectez-vous à Papermark et cliquez sur le document que vous souhaitez intégrer. Vous arriverez sur le tableau de bord du document, où vous pourrez consulter les analytiques, gérer les liens et voir l'activité des visiteurs.

Si vous n'avez pas encore de lien, cliquez sur Créer un lien dans le coin supérieur droit. Donnez-lui un nom (par exemple "Intégration site web" pour le retrouver facilement), définissez vos préférences de sécurité, puis cliquez sur Enregistrer le lien.

Pour un guide complet sur la création de liens, consultez comment créer un lien traçable.

Étape 2 : Ouvrez le menu du lien

Dans le tableau Tous les liens, trouvez le lien que vous souhaitez intégrer. Cliquez sur le menu à trois points (⋯) situé à droite de la ligne.

Vous verrez une liste d'actions :

• Modifier le lien - modifier les paramètres
• Aperçu du lien - voir ce que voient les visiteurs
• Dupliquer le lien - copier le lien avec ses paramètres
• Obtenir le code d'intégration - générer un extrait iframe ⭐

Étape 3 : Copier le code d'intégration

Cliquez sur Obtenir le code d'intégration. Une fenêtre modale s'ouvre avec une iframe prête à l'emploi :

Le code ressemble à ceci :

<iframe
  src="https://app.papermark.com/view/YOUR_LINK_ID/embed"
  style="width: 100%; height: 100%; border: none; border-radius: 8px;"
  allow="fullscreen"
  loading="lazy"
>
</iframe>

Cliquez sur l'icône de copie pour récupérer l'extrait complet.

Étape 4 : Collez-le dans votre site web

Collez l'iframe partout où le HTML est pris en charge :

• Webflow - ajoutez un élément Embed et collez le code
• WordPress - utilisez un bloc HTML personnalisé
• Notion - collez l'URL et Notion l'intégrera automatiquement
• Framer - insérez un composant Embed
• Sites statiques - collez directement dans votre fichier .html

Contrôler la taille

Par défaut, l'iframe remplit son conteneur. Pour définir une taille fixe, enveloppez-la dans un div avec des dimensions spécifiques, ou ajustez directement le style de l'iframe :

<div style="max-width: 900px; aspect-ratio: 16/10; margin: 0 auto;">
  <iframe
    src="https://app.papermark.com/view/YOUR_LINK_ID/embed"
    style="width: 100%; height: 100%; border: none; border-radius: 12px;"
    allow="fullscreen"
    loading="lazy"
  >
  </iframe>
</div>

Le aspect-ratio: 16/10 le maintient proportionnel à un diaporama standard. Ajustez si nécessaire pour les documents en mode portrait.

Étape 5 : Suivre les vues sur votre intégration

Chaque visite sur votre document intégré apparaît dans vos analyses Papermark - comme n'importe quel autre lien. Ouvrez le document et faites défiler jusqu'au tableau Tous les visiteurs pour voir :

• Qui a consulté (si un e-mail est requis)
• Combien de temps ils ont passé
• Quelles pages ils ont consultées
• Taux de complétion

C'est le véritable avantage par rapport à un simple PDF : vous savez qui interagit avec votre contenu, même lorsqu'il est intégré sur une page publique.

Bonnes pratiques

Utiliser les paramètres de sécurité des liens

Étant donné que les intégrations sont publiques par défaut, réfléchissez à ce que vous partagez :

• Exiger un e-mail - identifiez qui consulte le document
• Protéger par mot de passe - sécurisez vos présentations sensibles
• Définir une date d'expiration - expiration automatique après une échéance
• Activer le filigrane - dissuadez les captures d'écran

Toutes ces options fonctionnent de la même manière sur les intégrations que sur les liens partagés.

Utiliser un lien distinct pour les intégrations

Créez un lien dédié appelé « Intégration site web » afin que les analyses des intégrations restent séparées des liens envoyés par e-mail. Vous saurez ainsi exactement quel volume de trafic chaque canal génère.

Garder la page rapide

L'iframe se charge en différé (loading="lazy"), il ne ralentira donc pas le chargement initial de votre page. Les visiteurs ne chargent le document que lorsqu'ils le font défiler jusqu'à lui.

Points clés à retenir

• Intégrez n'importe quel lien Papermark avec un simple extrait iframe
• Les analyses complètes fonctionnent sur les intégrations - comme pour les liens partagés
• Contrôlez la sécurité avec un mot de passe, une vérification par e-mail, un filigrane ou une date d'expiration
• Utilisez des liens distincts par emplacement d'intégration pour un suivi plus précis