Integravimo procedūra susideda iš dviejų dalių:
- Javascript kodo integravimo
- HTML kodo integravimo
Integravimo pavyzdys tinka visų tipų widgetams.
Javascript integravimas
Sugeneruotą javascript kodą geriausia patalpinti prieš prieš <body;> žymę. Tokiu būdų mes netrukdome naršyklei krauti pagrindinio puslapio duomenų, o infobokso turinys užkraunas paskutinis.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
...
</head>
<body>
<p>Puslapio turinys</p>
...
<script type="text/javascript">
document.write(unescape("%3Cscript src='http://trashmail.lt/api/tempmail/c98f7bb695d46e8998962842ddde1e9e0a72eccf' type='text/javascript'%3E%3C/script%3E"));
</script>
</body>
</html>HTML inetgravimas
Dabar mums reikia įdėti HTML kodą toje vietoje, kurioje norime matyti mūsų widgetą. Patobulintas pavyzdys.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
...
</head>
<body>
<div id="temp-mailbox"></div>
<p>Puslapio turinys</p>
...
<script type="text/javascript">
document.write(unescape("%3Cscript src='http://trashmail.lt/api/tempmail/c98f7bb695d46e8998962842ddde1e9e0a72eccf' type='text/javascript'%3E%3C/script%3E"));
</script>
</body>
</html>Pateikiami du pavyzdžiai.
- Veikiantis pavyzdys su laikinos elektrininio pašto dėžutės sukūrimo widgetu (Veikiantis pavyzdys). Stilių failo pavyzdys.
- Veikiantis pavyzdys su laikinos elektroninės pašto dėžutės persiuntimo widgetu (Veikiantis pavyzdys). Stilių failo pavyzdys.
| Laikos pašto dėžutės sukūrimo widgetas | Pašto persiuntimo widgeto sukūrimas |
|---|---|
 |
 |