• ACCUEIL
  • blogger

    Intégrer un fichier PDF

    COMMENT INSERER un PDF dans son article

    Il est aisé de faire un simple  lien vers un fichier PDF (qui est, en principe, hébergé sur Google Drive), le PDF s'ouvrira dans une nouvelle fenêtre du navigateur. Ici,  nous allons faire mieux :  insérer ce PDF dans un article.

    1-Simplement... Faire un lien
    2-Intégrer (incorporer) un fichier PDF dans l'article
    3- Modifier les dimensions du cadre
    4-Intégrer un PDF en lecture seule (pas d'impression, ni téléchargement)

    D'abord télécharger votre  fichier pdf dans  Google drive puis partager le et Cliquer sur "Obtenir un lien de partage".

    Ensuite copier le code et faire  lien. En cliquant sur le lien le visiteur verra s'afficher une fenêtre avec le PDF.
    (voir le dossier Google Drive)

     EXEMPLE => Cliquer


    2-Intégrer (incorporer) un fichier PDF dans l'article



    • Avec GOOGLE DRIVE


    Autrefois Google le permettait en proposant un code (embed) qui permettait d'afficher le PDF avec https://docs.google.com/viewer, désormais c'est impossible de le réaliser automatiquement, seule solution travailler manuellement en utilisant le code en mode html.

     Conseil : préparer votre travail en copiant les "codes" dans le bloc note...


    1-Vous devez télécharger sur Google Drive votre PDF, puis le partager afin d'obtenir son URL du type :

    https://drive.google.com/file/d/0B6Uwn-CRRjnZRm0tVTF0SUFMQk0/view?usp=sharing





    2-Copier l'identifiant du fichier :
    Dans l’URL copiée la partie en fluo jaune représente l’identifiant du fichier partagé. Il faut la copier.


    3-Adapter le code ci-dessous dans votre article (Attention  en mode HTML)

    En mode HTML, il faudra copier le code ci-dessous et remplacer  l''identifiant du fichier par le votre :

    <iframe height="1000" src="https://docs.google.com/file/d/IDENTIFIANT/preview" width="800"></iframe>  


    ==> voir plus bas pour ajuster  les dimensions du cadre:
    height= hauteur en pixels
    width= largeur en pixels

    à déterminer en fonction de la largeur de votre blog 
    voir dans Paramètres>Thème > Personnaliser > Ajuster la largeur


    Exemple du fichier ci-dessus :
    <iframe height="480" src="https://docs.google.com/file/d/0B6Uwn-CRRjnZRm0tVTF0SUFMQk0/preview" width="640"></iframe> 

    Il suffit de coller ce code en mode HTML pour obtenir un PDF intégré comme ci-dessous.









    • Avec Onedrive

    Pour obtenir facilement le code à intégrer, la solution consiste à héberger son fichier PDF ailleurs. Ici nous choisissons ONEDRIVE de Microsoft (il faut s'inscrire... pour bénéficier d'1To gratuitement)
    Ensuite, après avoir été connecté, il faut télécharger le fichier pdf puis faire un clic droit pour obtenir:




    Cliquer sur INCORPORER puis copier le code


    Ensuite il suffira de copier ce code dans votre article en mode HTML (au bon endroit ! Astuce: pour retrouver le bon endroit dans le code HTML, écrivez en majuscule en mode normal :ICI ICI ICI
    pour retrouver rapidement l'endroit


    et vous obtiendrez:







    3- MODIFIER LES DIMENSIONS DU CADRE


    si vous souhaitez modifier les dimensions, il faut examiner le code obtenu qui ressemble à ceci

    <iframe src="https://onedrive.live.com/embed?cid=E3BD290BB4AF087F&resid=E3BD290BB4AF087F%21129&authkey=AIWxBDzek__FSMc&em=2" width="476" height="288" frameborder="0" scrolling="no"></iframe>

    Avec: width="476" signifie la largeur du document  incorporé (en px), vous pouvez ajuster cette valeur selon la largeur des articles de votre blog.
    Et: height="288" signifie hauteur du document  incorporé (en px), vous pouvez ajuster cette valeur mais attention à respecter les proportions

    (ex passer à 714 / 432



    4-Intégrer un PDF en lecture seule (pas d'impression, ni téléchargement)

    Comment limiter le partage de fichiers ?
    Les options de partage de documents de Google Drive offrent certains contrôles qu'il faut connaître, en particulier le blocage du téléchargement, de l’impression et de la copie de n’importe quel fichier stocké sur le lecteur de Google, y compris les PDF.




    Les conditions...
    -Vous devez être le propriétaire du document pour accéder à l’activation de la fonctionnalité.
    -L’option n’est disponible pour le moment que depuis la version web du service.
    A savoir
    Cette protection est toutefois relative, en particulier, il est toujours possible de copier du texte affiché  dans un navigateur...

    La méthode
    C'est au niveau du partage dans Google Drive qu'il faut intervenir


    A-Sélectionner le fichier  à partager
    et  Cliquer sur Partager 
     Share.

    B- en haut cliquer sur PARAMÈTRES  Paramètres


    cette fenêtre apparaît : 


    Décochez  les 2  cases : 
    : "Les éditeurs peuvent .... et les  lecteurs et les commentateurs peuvent voir apparaître l'option permettant de télécharger, d'imprimer et de copier du contenu."

    Enregistrez > OK



    A savoir : Vous pouvez limiter le partage, l'impression, le téléchargement et la copie des fichiers dans Google Drive, Docs, Sheets et Slides, mais vous ne pouvez pas empêcher les utilisateurs de partager le contenu de ces fichiers par d'autres moyens.



    D-Récupérer le lien de partage et faites comme indiqué ci-dessus pour
    -fournir le simple Lien
    -afficher  en "iframe"  votre PDF


    • Important : à savoir

    Si vous affichez votre PDF (avec votre compte Google) en tant que "propriétaire" vous ne verrez pas de changement : vous, seul,  pourrez imprimer/ télécharger.
    Mais tout autre personne ne pourra le faire : testez, par exemple, en ouvrant une fenêtre de navigation  privée ou via un autre ordinateur ou un autre  navigateur.

    compléments sur l'aide de Drive



    DEMO :  Essayez d'imprimer ou télécharger ce PDF...


    • VOIR le PDF dans l'article