Note! The bit below is about the Google Maps API v3 and does not apply to v2 that is described in this article.

The click event on the map returns a MouseEvent object which has a latLng property. So by passing a variable in the callback function you can use that to set the clicked position.

google.maps.event.addListener(map, 'click', function(e) {
  var marker = new google.maps.Marker({
    position: e.latLng,
    map: map,
    title: 'Event',
    draggable: true
  });
});

I can only seem to make it appear in the position I set

var latlng = new google.maps.LatLng(41.012379,28.975926);
google.maps.event.addListener(map, ‘click’, function() {
var marker = new google.maps.Marker({
position: latlng,
map: map,
title: ‘Event’,
draggable: true
});
});

I am not being able to use the MarkerManger Class. Do I need to import anything?
Help me plz……..

To change the icon use the setIcon() method of the marker.

marker.setImage('path/to/your/image.png');

And to redirect to a different url, add the following event listener:

GEvent.addListener(marker, 'click', function() {
    window.location.href = 'your/url/';
});