2015-04-14 2 views
0

В настоящее время я разрабатываю функцию «share on facebook», но я не знаю, возможно ли это. Пользователь должен иметь кнопку совместного доступа на веб-странице, но с помощью кнопки он не делится страницей, на которой он имеет изображение.Facebook share image with target url

Когда другой пользователь видит изображение на facebook и нажимает на него, он должен перенаправляться на URL-адрес, который я могу выбрать.

я не могу просто поделиться весь сайт и использовать открытые теги график, так как страница, на которой находится кнопка доля находится на частной территории на веб-сайте и могут быть доступны только тогда, когда вы войти.

это все дело должно быть сделано с помощью javascript на стороне клиента. Идеальное решение для меня было бы, если я смогу использовать sth. как

FB.ui(..., {image: 'path to image', url: 'url to call when image is clicked on fb'},... );

Любые идеи?

+0

Вы либо делитесь ссылкой, либо нет. Вы не можете иметь обычную фотографию, произвольно связанную где угодно. _ ", Потому что страница, на которой расположена кнопка совместного доступа, находится в частной области веб-сайта и доступна только при входе в систему" _ - неважно, где находится кнопка совместного доступа, важно, какой URL-адрес вы используете ... поэтому поделитесь тем, что находится за пределами частной зоны. – CBroe

ответ

0
<a onclick="shareit()">Share on facebook</a> 

<script type="text/javascript"> 
function shareit(){ 
var url="http://www.example.com"; //Set desired URL here 
var img="http://www.example.com/example.jpg"; //Set Desired Image here 
var totalurl=encodeURIComponent(url+'?img='+img); 

window.open ('http://www.facebook.com/sharer.php?u='+totalurl,'','width=500, height=500, scrollbars=yes, resizable=no'); 

} 
</script> 

Кроме того, когда вы передаете OG изображение строку запроса к целевому URL, в целевой URL вам потребуется код, который retrievs адрес изображения и установить его в качестве О.Г. изображения. Поэтому в целевом URL-адресе вам понадобится следующая строка:

<meta property="og:image" content="<?php $_GET['img'] ?>"> 
+0

Не решение, которое я ищу, так как это разделяет только сайт и отображает изображение (из-за og: image) вместе с некоторой другой информацией. Мне нужно только изображение в предварительном просмотре facebook (например, вы передаете только URL-адрес изображения), но когда вы нажимаете изображение на fb, вы не перенаправляетесь на изображение, а вместо него ссылаетесь. – coR

+0

Я не могу найти решение моей проблемы. Решение Ali Sheikhpours является самым близким, которое я могу получить, когда я использую изображение с большим изображением, которое отображается поверх общей ссылки, а не слева от нее. – coR

+0

Facebook автоматически решает отображать изображение сверху или слева на сообщениях в соответствии с размером изображения. Вы можете реализовать изменение размеров компонентов изображения (например, aspJpeg) для изменения размеров изображений на лету. –