-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
306 lines (273 loc) · 12.6 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<link rel="icon" href="img/favicon.png" type="image/x-icon">
<meta name="author" content="GUINARD Maxime">
<meta name="keywords" content="development, développeur, lua, python, html, css, seo, sea, sea fr, seo fr, glua, gmod, garry'smod, maximeguinard">
<title>Générateur QR Code Gratuit à Télécharger - 2023</title>
<meta name="description" content="Générez des codes QR personnalisés en ligne avec notre outil convivial. Personnalisez le design et créez des codes pour divers types de données."/>
<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="https://minigame-maxime-guinard.fr/qrcode-generator/" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Générateur de codes QR : Tout ce que vous devez savoir" />
<meta property="og:description" content="Découvrez tout ce que vous devez savoir sur les générateurs de Codes. Apprenez comment ils fonctionnent, leurs utilisations et leurs avantages." />
<meta property="og:url" content="https://minigame-maxime-guinard.fr/qrcode-generator/" />
<meta property="og:site_name" content="Maxime GUINARD %page%" />
<meta property="article:publisher" content="https://www.facebook.com/profile.php?id=100089119505238" />
<meta property="article:section" content="Marketing" />
<meta property="og:updated_time" content="2023-05-30T21:37:59+00:00" />
<meta property="og:image" content="https://blog.maxime-guinard.fr/wp-content/uploads/2023/05/qrcode-generator-1024x683.jpg" />
<meta property="og:image:secure_url" content="https://blog.maxime-guinard.fr/wp-content/uploads/2023/05/qrcode-generator-1024x683.jpg" />
<meta property="og:image:width" content="1024" />
<meta property="og:image:height" content="683" />
<meta property="og:image:alt" content="code" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="article:published_time" content="2023-05-30T21:29:06+00:00" />
<meta property="article:modified_time" content="2023-05-30T21:37:59+00:00" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Générateur de codes QR : Tout ce que vous devez savoir" />
<meta name="twitter:description" content="Découvrez tout ce que vous devez savoir sur les générateurs de Codes. Apprenez comment ils fonctionnent, leurs utilisations et leurs avantages." />
<meta name="twitter:image" content="https://blog.maxime-guinard.fr/wp-content/uploads/2023/05/qrcode-generator-1024x683.jpg" />
<meta name="twitter:label1" content="Écrit par" />
<meta name="twitter:data1" content="Maxime Guinard" />
<meta name="twitter:label2" content="Temps de lecture" />
<meta name="twitter:data2" content="8 minutes" />
<link rel="stylesheet" href="./style.css">
</head>
<body>
<header>
<div class="logo">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='-0.1em' y='.90em' font-size='86'%3E%F0%9F%93%B1%3C/text%3E%3C/svg%3E" alt="Logo">
</div>
<div class="links">
<a href="https://minigame-maxime-guinard.fr/qrcode-generator/qr-code.html">À propos</a>
<a href="https://minigame-maxime-guinard.fr/qrcode-generator/faq-qr-code.html">FAQ</a>
</div>
</header>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "QR Code Generator",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"reviewCount": "25"
},
"review": [
{
"@type": "Review",
"author": "John Doe",
"datePublished": "2023-05-30",
"reviewBody": "J'ai utilisé le QR Code Generator pour créer des codes QR personnalisés pour mon entreprise et je suis extrêmement satisfait des résultats. L'interface est conviviale, le générateur offre de nombreuses options de personnalisation et les codes QR sont de grande qualité. Je recommande vivement cet outil !",
"reviewRating": {
"@type": "Rating",
"ratingValue": "5"
}
},
{
"@type": "Review",
"author": "Jane Smith",
"datePublished": "2023-05-28",
"reviewBody": "Le QR Code Generator est fantastique ! J'ai pu créer rapidement des codes QR pour mon événement et les participants les ont trouvés très pratiques. Le générateur est intuitif et les options de personnalisation sont un réel plus. Je suis très satisfaite de cet outil.",
"reviewRating": {
"@type": "Rating",
"ratingValue": "4.5"
}
},
{
"@type": "Review",
"author": "Alex Johnson",
"datePublished": "2023-05-25",
"reviewBody": "J'utilise le QR Code Generator depuis plusieurs mois et je suis impressionné par sa fiabilité et sa simplicité d'utilisation. Les codes QR générés sont de haute qualité et le suivi des statistiques de scans est un avantage précieux pour mes campagnes marketing. Je le recommande à tous ceux qui ont besoin de créer des codes QR professionnels.",
"reviewRating": {
"@type": "Rating",
"ratingValue": "4.8"
}
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Accueil",
"item": "https://minigame-maxime-guinard.fr/qrcode-generator/"
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "VideoObject",
"name": "QR Code Generator Tutorial",
"description": "This tutorial show how to create a QR code",
"thumbnailUrl": "https://blog.maxime-guinard.fr/wp-content/uploads/2023/05/qrcode-generator-300x200.jpg",
"uploadDate": "2023-05-30",
"duration": "PT5M30S",
"contentUrl": "https://www.youtube.com/watch?v=cIq5Oz57Xc8",
"embedUrl": "https://www.youtube.com/embed/cIq5Oz57Xc8",
"interactionCount": "12345"
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "QR Code Generator",
"url": "https://minigame-maxime-guinard.fr/qrcode-generator/",
"logo": "https://maxime-guinard.fr/wp-content/uploads/2023/02/Logo_Maxime_BLANC-e1675516847866.png.webp",
"description": "QR Code Generator est un outil en ligne qui vous permet de créer facilement des codes QR personnalisés pour votre entreprise. Que ce soit pour promouvoir votre site web, partager des informations de contact ou afficher du contenu multimédia, notre générateur de codes QR vous offre des fonctionnalités avancées pour répondre à vos besoins.",
"address": {
"@type": "PostalAddress",
"streetAddress": "123 Rue du QR",
"addressLocality": "Ville QR",
"postalCode": "12345",
"addressCountry": "France"
},
"contactPoint": {
"@type": "ContactPoint",
"telephone": "0665132436",
"contactType": "customer support"
},
"sameAs": [
"https://www.instagram.com/maxime.guinard.dev/",
"https://github.com/MaximeGuinard",
"https://www.linkedin.com/notifications/?filter=all"
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Qu'est-ce qu'un QR Code ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Un QR Code est un type de code-barres bidimensionnel qui peut être scanné à l'aide d'un smartphone ou d'une tablette équipée d'une application de lecture de QR Codes. Il contient des informations encodées, telles qu'une URL, du texte ou des données."
}
},
{
"@type": "Question",
"name": "Comment scanner un QR Code ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Pour scanner un QR Code, vous avez besoin d'une application de lecture de QR Codes installée sur votre smartphone ou tablette. Lancez l'application, pointez la caméra vers le QR Code et l'application se chargera de le scanner automatiquement."
}
},
{
"@type": "Question",
"name": "À quoi servent les QR Codes ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Les QR Codes servent à de nombreuses fins. Ils peuvent être utilisés pour diriger les utilisateurs vers une URL spécifique, partager des informations de contact, afficher du contenu multimédia, effectuer des paiements et bien plus encore. Leur utilisation est souvent liée à la promotion d'une entreprise ou à des interactions pratiques avec les utilisateurs."
}
},
{
"@type": "Question",
"name": "Comment créer un QR Code ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Pour créer un QR Code, vous pouvez utiliser un générateur de QR Codes en ligne. Il vous suffit de choisir le type de contenu que vous souhaitez associer au QR Code, d'entrer les informations pertinentes, puis de générer le code. Une fois généré, vous pouvez le télécharger et l'utiliser sur vos supports marketing."
}
},
{
"@type": "Question",
"name": "Les QR Codes peuvent-ils contenir des images ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui, les QR Codes peuvent contenir des images. Vous pouvez associer une image à un QR Code en utilisant un générateur de QR Codes qui prend en charge cette fonctionnalité. Cela peut être utile pour ajouter une touche de personnalisation ou d'esthétisme à vos QR Codes."
}
}
]
}
</script>
<div id ="border" class = "fadeInLeft">
<div id ="content">
<h1>MG QRCode Generator</h1>
<div class ="textbox">
<textarea id="QR_Input" name="QR_Input" type = "text" value = "1" rows = "1" cols= "33" placeholder="Entre ton URL"></textarea>
</div>
<div class = "buttons">
<button id="submitButton" onclick="displayQrCodeInfo()" >Entrer</button>
<button id="startOverButton" style="background-color:#668fff" onclick="startOver()">Refresh</button>
</div>
<div id = "outputBorder">
<span>
<div id="output" ></div>
</span>
</div>
<span id = "saveMessage">
</span>
</div>
</div>
<script>
function displayQrCodeInfo() {
let ibsCode = document.getElementById("QR_Input").value; //grab the value of the textbox input
let display = document.getElementById("output"); // grab the output div
if(ibsCode !== ""){
// Using https://davidshimjs.github.io/qrcodejs/
let qrcode = new QRCode("output", {
text: ibsCode,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
}
if(ibsCode !== ""){
displayMessage();
disableBtn();
}
}
//disable the submit button after the button is pressed
function disableBtn() {
document.getElementById("submitButton").disabled = true;
}
function startOver() {
//grab the text box of the QR_Input
let qrInput = document.getElementById("QR_Input");
//grab the QR Code Image
let qrCode = document.getElementById("output");
//create a new span when startOver button is pressed
let newdiv = document.createElement("SPAN");
//get newly created text from displayMessage function
let deleteText = document.getElementById("message");
let span = document.querySelector("span");
//Give the new div an id of output and append it to the page
newdiv.setAttribute("id", "output");
span.appendChild(newdiv);
//set the text box to empty when start over is pressed and then remove the QRcode image and text
qrInput.value = '';
//Only if there is a message will it try to delete the message
if(deleteText){
deleteText.parentNode.removeChild(deleteText);
}
qrCode.parentNode.removeChild(qrCode);
//renable the the submit button
document.getElementById("submitButton").disabled = false;
}
function displayMessage(){
let display = document.getElementById("output");
let message = document.createElement("p");
let span = document.getElementById('saveMessage');
message.setAttribute("id", "message");
message.innerText = "Clic droit pour enregistrer l'image!";
span.appendChild(message);
}
</script>
<!-- partial -->
<script src='https://github.com/MaximeGuinard'></script><script src="./script.js"></script>
</body>
</html>