![[image]](http://mowser.com/img?url=http%3A%2F%2Fwww.icerocket.com%2Fimg%2Frarrowsm.gif)
![[image]](http://mowser.com/img?url=http%3A%2F%2Fwww.icerocket.com%2Fimg%2Frarrowsmred.gif)
Link TrackerEvery blogger wants to know who is linking to their posts. Here is your opportunity to show people and give them incentive to link to you.
Example of usage this feature on blogmaverick.com:
![[image]](http://mowser.com/img?url=http%3A%2F%2Fwww.icerocket.com%2Fimg%2Fcitation.example.png)
You have two options to use this feature on your own blog site.
If you have ability to install PHP script on your site then choose Server Installed Version. This version is more robust than the next one and it has the advantage of simple customization.
Otherwise choose IFrame based version. In this case you will have to understand CSS if you want to customize links appearance.
This version requires your server to be able handle PHP script which you need to place on the blog server. 3 steps to complete:
Insert this code into HEAD section of all HTML pages of your blog:
<script language=javascript src="http://blogs.icerocket.com/cit.js"></script>
Place PHP script called "cit_client.php" on the server in the ROOT where your blog is placed! This script should be on the same domain as the whole blog. You can download zipped script here.
"cit_client.php" is a script which should be placed on the server where your blog exists. Actually this script connects to our server and get a link with number of linking posts. We have to use it because IE and Mozilla security rules do not permit to load HTML content from external domain by default.
Warning: This step is essential for this version of Link Tracker.
After each post insert span tag with id="blogcitation" and attribute link="PERMANENT_LINK_TO_YOUR_POST".
EXAMPLE:
<span id="blogcitation" link="PERMANENT_LINK_TO_YOUR_POST"><a href="http://blogs.icerocket.com/search?q=PERMANENT_LINK_TO_YOUR_POST">Linking Posts</a></span>
e.g.
<span id="blogcitation" link="http://someblog.com/123123/"><a href="http://blogs.icerocket.com/search?q=http://someblog.com/123123/">Linking Posts</a></span>
Note: You can check an example of page which includes this code here. Just click on the link and examine source of the page.
This way does not require you to install any script on the server hosting your blog. You just need to insert some JavaScript code to the header of pages (also you might customize look&feel of links returned from our server via changing some parameters inside JavaScript code).
Insert this code into HEAD section of all HTML pages of your blog: // e.g. : http://your.site.com/style.css var frameUrlCSS = "http://your-site.com/style.css"; // leave variable empty if you do not want to have this attribute in the frame's document // var frameUrlCSS = ""; // /////////////// <------------------- END OF SECTION ///////////// FRAME PARAMETERS -------------------> // These parameter determine style of iframe element var iframeStyle = "width: 120px;height:1.2em;border: 0px gray solid"; /////////////// <------------------- END OF SECTION // PLEASE, Do not edit this code. Thanks :) escapedStyle = encodeURIComponent(linkStyle); escapedClass = encodeURIComponent(linkClass); escapedUrlCSS = encodeURIComponent(frameUrlCSS); function writeCitationsFrame(permanentLink){ document.write('[ http:////blogs.icerocket.com//citations?f=frame
Note: You can check an example of page which includes this code here. Just click on the link and examine source of the page.
Do you have a suggestion? We'd love to hear from you what do you think!
You are viewing a mobilized version of this site...
View original page here
