How To Track Urls Loading In iFrame ?

Folks,

Say I want to log what you browse. I can always run a web proxy and make you a member and get you to browse the web using your member account and get your account to log what you are browsing on the web. But, web proxies are bandwidth hogs since the page fetching is done on the serverside. It will eat-up all my monthly bandwidths I get on my vps. need to change this.
And so I reckon it is best I put an iFrame on my webpage and get you to browse websites & webpages on this iFrame. That way, all the page fetching is done on clientside and my vps server bandwidth gets saved.
Now, how to log what you are browsing on the iFrame ?

Say I got this iFrame …

[code]
<iframe height=”300px” width=”100%” src=”http://www.google.com” name=”iframe_a”></iframe>
<form action=”” method=”post”>
<input type=”text” name=”target_iframe_url” id=”iframe_url” target=”iframe_a” placeholder=”http://”>
<button type=”submit” class=”browse” name=”browse”>Go!</button>
</form>
[/code]

It opens to google.com. Now, let us say you clicked a link on google.com. I now want that link’s page to be loaded on the iframe and it’s url logged. Fetched page’s url logged. How to do this ?

Also in #JavaScript _↴