|
| |
HowTo: add Self-Test button to your
web pages, social media and track results
(Latest news! This Self-Test now works on cellphones and tablets! Jun 10, 2014)
You are welcomed to use this self-test tool on your website or any web page that you want.
Here is the (default) button's HTML code that you can use in your web page:
|
<script>
function mouseSelfTestOver()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button_rollover.png";
}
function mouseSelfTestDown()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button_pressed.png";
}
function mouseSelfTestOut()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button.png";
}
</script>
<a href="https://www.IITTI.net/anybody/selfTest?John123" target="_blank">
<img border="0" src="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button.png" id="c3" alt="IITTI self-testing tool"
onmouseover="mouseSelfTestOver()" onmouseout="mouseSelfTestOut()" onmousedown="mouseSelfTestDown()" /></a>
|
That is, you can simply cut-and-paste the above lines into your HTML web page.
For cases (such as social media) that don't allow you to paste a button there, you can simply type in a simple link like this:
|
https://www.IITTI.org/anybody/selfTest?John123
|
For Advanced Users
HRs and image etiquette schools:
How to track your employees or students
In the HTML code above, replace the default self-test monitoring term "John123" with your own particular self-test monitoring term
(e.g. "MarriottHotel"). Make sure you use only letters of the alphabet and numbers. No other punctuation or symbols will work.
So, for Marriott Hotel, it can be something like:
|
<script>
function mouseSelfTestOver()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button_rollover.png";
}
function mouseSelfTestDown()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button_pressed.png";
}
function mouseSelfTestOut()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button.png";
}
</script>
<a href="https://www.IITTI.net/anybody/selfTest?MarriottHotel246" target="_blank">
<img border="0" src="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button.png" id="c3" alt="IITTI self-testing tool"
onmouseover="mouseSelfTestOver()" onmouseout="mouseSelfTestOut()" onmousedown="mouseSelfTestDown()" /></a>
|
The numbers "246" are arbitrary and optional. Just use something so that it will be memorable for you.
In fact, you can be more fine-grained with different names and numbers for different occasions.
For example, you can use "246" for your HR department's assessment campaign,
and other sets of names and numbers for other campaigns as your self-test monitoring terms:
|
MarriottHotel246
|
for HR department's web page
|
|
Marriott266
|
for your Facebook page
|
|
MarriottGroup346
|
for Marriott's corporate web site
|
|
Ritz
|
for Marriott's Ritz-Carlton Hotel chain's web site
|
Again, for cases (such as social media) that don't allow you to paste a button there, you can simply type in a simple link like this:
|
https://www.IITTI.org/anybody/selfTest?Marriott266
|
Tracking Tool
To monitor your particular campaign(s), you can go to the tracking tool:
More Examples
For Final Touch Finishing School (Principal Deborah King), the button can be something like:
|
<script>
function mouseSelfTestOver()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button_rollover.png";
}
function mouseSelfTestDown()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button_pressed.png";
}
function mouseSelfTestOut()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button.png";
}
</script>
<a href="https://www.IITTI.net/anybody/selfTest?Deborah222" target="_blank">
<img border="0" src="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button.png" id="c3" alt="IITTI self-testing tool"
onmouseover="mouseSelfTestOver()" onmouseout="mouseSelfTestOut()" onmousedown="mouseSelfTestDown()" /></a>
|
For cases (such as social media) that don't allow you to paste a button there, you can simply type in a simple link like this:
|
https://www.IITTI.org/anybody/selfTest?Deborah222
|
Remember, you can invent any names and numbers that you like. Just don't use any punctuation marks (including spaces) or funny symbols.
And try not to have it longer than 50 or 60 characters.
For London Image Institute (Principal Lynne Marks), the button can be something like:
|
<script>
function mouseSelfTestOver()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button_rollover.png";
}
function mouseSelfTestDown()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button_pressed.png";
}
function mouseSelfTestOut()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button.png";
}
</script>
<a href="https://www.IITTI.net/anybody/selfTest?LondonLynneXYZ" target="_blank">
<img border="0" src="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button.png" id="c3" alt="IITTI self-testing tool"
onmouseover="mouseSelfTestOver()" onmouseout="mouseSelfTestOut()" onmousedown="mouseSelfTestDown()" /></a>
|
For cases (such as social media) that don't allow you to paste a button there, you can simply type in a simple link like this:
|
https://www.IITTI.org/anybody/selfTest?LondonLynneXYZ
|
Remember, you can invent any names and numbers that you like. Just don't use any punctuation marks (including spaces) or funny symbols.
And try not to have it longer than 50 or 60 characters.
For Personal Impact International (Principal Kimberly Law), the button can be something like:
|
<script>
function mouseSelfTestOver()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button_rollover.png";
}
function mouseSelfTestDown()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button_pressed.png";
}
function mouseSelfTestOut()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button.png";
}
</script>
<a href="https://www.IITTI.net/anybody/selfTest?KimberlyRBC" target="_blank">
<img border="0" src="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button.png" id="c3" alt="IITTI self-testing tool"
onmouseover="mouseSelfTestOver()" onmouseout="mouseSelfTestOut()" onmousedown="mouseSelfTestDown()" /></a>
|
For cases (such as social media) that don't allow you to paste a button there, you can simply type in a simple link like this:
|
https://www.IITTI.org/anybody/selfTest?KimberlyRBC
|
Remember, you can invent any names and numbers that you like. Just don't use any punctuation marks (including spaces) or funny symbols.
And try not to have it longer than 50 or 60 characters.
For Imageworks Asia (Principal Christina Ong), the button can be something like:
|
<script>
function mouseSelfTestOver()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button_rollover.png";
}
function mouseSelfTestDown()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button_pressed.png";
}
function mouseSelfTestOut()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button.png";
}
</script>
<a href="https://www.IITTI.net/anybody/selfTest?ChristinaNanyang" target="_blank">
<img border="0" src="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button.png" id="c3" alt="IITTI self-testing tool"
onmouseover="mouseSelfTestOver()" onmouseout="mouseSelfTestOut()" onmousedown="mouseSelfTestDown()" /></a>
|
For cases (such as social media) that don't allow you to paste a button there, you can simply type in a simple link like this:
|
https://www.IITTI.org/anybody/selfTest?ChristinaNanyang
|
Remember, you can invent any names and numbers that you like. Just don't use any punctuation marks (including spaces) or funny symbols.
And try not to have it longer than 50 or 60 characters.
For Dress4Success (Principal Riet de Vlieger), the button can be something like:
|
<script>
function mouseSelfTestOver()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button_rollover.png";
}
function mouseSelfTestDown()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button_pressed.png";
}
function mouseSelfTestOut()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button.png";
}
</script>
<a href="https://www.IITTI.net/anybody/selfTest?RietChineseStudent" target="_blank">
<img border="0" src="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button.png" id="c3" alt="IITTI self-testing tool"
onmouseover="mouseSelfTestOver()" onmouseout="mouseSelfTestOut()" onmousedown="mouseSelfTestDown()" /></a>
|
For cases (such as social media) that don't allow you to paste a button there, you can simply type in a simple link like this:
|
https://www.IITTI.org/anybody/selfTest?RietChineseStudent
|
Remember, you can invent any names and numbers that you like. Just don't use any punctuation marks (including spaces) or funny symbols.
And try not to have it longer than 50 or 60 characters.
For Desarrollo Profesional e Imagen Personal (Principal Lilian Bustamante), the button can be something like:
|
<script>
function mouseSelfTestOver()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button_rollover.png";
}
function mouseSelfTestDown()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button_pressed.png";
}
function mouseSelfTestOut()
{
document.getElementById("c3").src ="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button.png";
}
</script>
<a href="https://www.IITTI.net/anybody/selfTest?LilianCatholicU" target="_blank">
<img border="0" src="https://www.IITTI.org/clipart/buttons/IITTI_SelfTest_button.png" id="c3" alt="IITTI self-testing tool"
onmouseover="mouseSelfTestOver()" onmouseout="mouseSelfTestOut()" onmousedown="mouseSelfTestDown()" /></a>
|
For cases (such as social media) that don't allow you to paste a button there, you can simply type in a simple link like this:
|
https://www.IITTI.org/anybody/selfTest?LilianCatholicU
|
Remember, you can invent any names and numbers that you like. Just don't use any punctuation marks (including spaces) or funny symbols.
And try not to have it longer than 50 or 60 characters.
|
| www.IITTI.org email: info@IITTI.org © 2011-2024 IITTI. All rights reserved. |
|
