আমি কীভাবে ইমেজের মতো ফেসবুককে নিয়ন্ত্রণ করতে পারি? [বন্ধ]

Question

আমার কিছু পোস্ট সহ একটি ব্লগ আছে এবং প্রতিটি পোস্টে এম্বেড করা ফেসবুকের মতো বোতাম রয়েছে । বোতাম টিপলে একটি ডায়ালগ খোলে যাতে আমার দর্শকরা মন্তব্যটির সাথে ফেসবুকে পোস্টটি ভাগ করতে পারে।

ভাগ করার সময়, ফেসবুক দ্বারা নির্বাচিত চিত্রটি একটি জেনেরিক মেল আইকন এবং পোস্ট থাম্বনেইল নয়।

ভাগ করার সময় যে চিত্রটি ব্যবহৃত হয় তা কীভাবে নিয়ন্ত্রণ করতে পারি?

Comments

সেই সাইটটি সম্প্রতি হ্যাক হয়ে গেছে, আপাতদৃষ্টিতে ...

— মিররফেট

— সবেমাত্র

Answer 1

ভাগ করার জন্য যে চিত্রটি ব্যবহার করা হয় তা আপনার সাইটের শিরোনামের কোডের কিছু অংশ থেকে নেওয়া হয়েছে যা দেখতে এরকম কিছু দেখবে:

<link rel="image_src" href="path/to/theme/screenshot.png" />

সাধারণত এটি থিমটিতে আপনার সাইটের স্ক্রিনশটের সাথে লিঙ্ক করে। আপনি যদি ফাইলটির শিরোলেখ থেকে কোডটি সরিয়ে ফেলে এবং সিঙ্গল.এফপি এটিকে লুপের ভিতরে রাখেন এবং আপনার পোস্ট থাম্বনেল চিত্রটিকে href উপাদান হিসাবে ডাকে আমি বিশ্বাস করি এটি কার্যকর হবে। সুতরাং এটি দেখতে কিছু হবে:

<link rel="image_src" href="<?php the_post_thumbnail(); ?>" />

এর অর্থ হ'ল যদি আপনার একাধিক পোস্টের তালিকাভুক্ত পৃষ্ঠাগুলিতে বোতাম পছন্দ হয় তবে আপনার সম্ভবত কোনও চিত্র থাকবে না। যদি আপনি এমন কিছু শর্তযুক্ত কোড অন্তর্ভুক্ত করেন যা কেবলমাত্র সিঙ্গল.এফপি এ সরিয়ে ফেলেছে তবে একক.পিএইচপি টেমপ্লেটটি ব্যবহার করার সময় আপনার একাধিক পোস্ট এবং একটি লাইক বোতাম এবং পোস্ট থাম্বনেইল সহ যে কোনও পৃষ্ঠায় স্বাভাবিক চিত্র থাকবে। সুতরাং শিরোনাম কোডটি হবে:

<?php if ( is_single() ) { /* do nothing on single pages */ } else { ?>
<link rel="image_src" href="path/to/theme/screenshot.png" />
<?php } ?>

তারপরে আপনি পোস্টটি থাম্বনেইলকে একক.পিপিতে অন্তর্ভুক্ত করার জন্য কোডটি ব্যবহার করবেন।

Comments

এটি সম্ভবত পুরানো হিসাবে পতাকাঙ্কিত হয়েছিল, দয়া করে আপনার উত্তরকে রিফ্রেশ করার বিষয়টি বিবেচনা করুন (সম্ভবত "এটি তখন আগে ছিল, এখন এটি আরও ভাল কাজ করে")।

— রাস্তার 21 ই

Answer 2

ফেসবুক এখন ওপেনগ্রাফ প্রোটোকল ব্যবহার করে। আপনি ব্যবহার করে চিত্রগুলি যুক্ত করতে পারেন:

<মেটা সম্পত্তি = "ওগ: চিত্র" সামগ্রী = "http: // YOUR_IMAGE_URL" />

আপনার পৃষ্ঠা শিরোনামে এই লাইনটি যুক্ত করুন।

বিকল্পভাবে আপনি আমার প্লাগইনটি স্বয়ংক্রিয়ভাবে এটি করতে ব্যবহার করতে পারেন।

এটি কেবল এই কাজটি করে এবং কোনও সেটিংসের প্রয়োজন হয় না।

http://shailan.com/wordpress/plugins/facebook-meta-tags-plugin/

Answer 3

আপনার ফেসবুক ওপেন গ্রাফ প্রোটোকল ব্যবহার করা দরকার। আমি নিশ্চিত নই কেন স্বীকৃত উত্তরটি অনেক ওজিগুলির মধ্যে একটি নয়: সম্পর্কিত উত্তর (যা আমি ভোট দিয়েছি) তবে এটি ভুল।

http://developers.facebook.com/docs/opengraph/

আপনি শিরোনাম, চিত্র, বিবরণ, বিভাগ, শেষ আপডেট ইত্যাদি সহ অনেকগুলি জিনিস কাস্টমাইজ করতে পারেন ... যদি আপনি ওপেন গ্রাফ ব্যবহার করেন। আপনি যদি এই অন্যান্য অর্ধ-সমাধানগুলি ব্যবহার করেন তবে আপনি পুরো ছবিটি অনুপস্থিত।

আমি যদি সমস্ত এফবি কাজের জন্য ওজি প্রোটোকল না অনুসরণ করি তবে আমি বরখাস্ত হয়ে যাব।

Answer 4

আপনি যদি নিম্নলিখিতটি করেন:

<link rel="image_src" href="<?php the_post_thumbnail(); ?>" />

আপনি দেখতে পাবেন যে ওয়ার্ডপ্রেস চিত্রটি প্রদর্শনের জন্য প্রয়োজনীয় এইচটিএমএলকে আউটপুট দেয়, কেবল এসআরসিই নয় যা আপনি সত্যই চান।

এরকম কিছু করা:

<?php

// Featured Image for FB Like
$feature_image = get_the_post_thumbnail($post->ID);

// Get image source
$doc = new DOMDocument();
$doc->loadHTML($feature_image);
$imageTags = $doc->getElementsByTagName('img');

foreach($imageTags as $tag) {
        $image_url = $tag->getAttribute('src');
    }
?>
<link rel="image_src" href="<?php echo $image_url; ?>" />

আপনি কেবল ইউআরএল পাবেন। এটি সম্ভবত দীর্ঘ পথ এবং সম্ভবত তবে সংক্ষিপ্ত হতে পারে, তবে এটি অবশ্যই সমস্যাটি সমাধান করে।

আশা করি এটি আপনাকে সঠিক পথে রাখবে।

ম্যাট।

Answer 5

নিশ্চিত হওয়া নিশ্চিত করুন যে নির্দিষ্ট চিত্রটি সঠিকভাবে উপস্থিত না হলে আপনি এখানে আপনার ইউআরএলটিকে লিন্ট করুন:

http://developers.facebook.com/tools/lint/

Answer 6

আপনি যদি নিজের লোগো জাতীয় কিছুতে ফ্যালব্যাকের সাহায্যে থাম্বনেইল হিসাবে আপনার পোস্টের প্রথম চিত্রটি ব্যবহার করতে চান তবে আমার প্লাগইনটি চেষ্টা করে দেখুন - http://wordpress.org/extend/plugins/facebook-like-thumbnail/ যোগ করার জন্য ব্যাখ্যা ফালব্যাক লোগো চিত্রটি http://blog.ashfame.com/?p=888 এ রয়েছে

Answer 7

<meta property="og:image" content="http://YOUR_IMAGE_URL" />

এই পদ্ধতিটি "লাইক": এর জন্য কাজ করে তবে পরে যদি আপনি আপনার লগটিতে একটি লিঙ্ক ভাগ করতে চান (উদাহরণস্বরূপ) এই ছবিটি স্বনির্বাচিত হয়েছে।

এই মেটা ট্যাগ ছাড়াই আপনি লিঙ্কযুক্ত সাইটের সমস্ত চিত্র থেকে নির্বাচন করতে পারবেন।

স্ট্যাটিক "লাইক" ইমেজ রাখার যে কোনও উপায়ে কেউ জানেন তবে ইউআরএল ভাগ করার সময় আপনাকে কোনও চিত্র চয়ন করতে পারেন?

Answer 8

ঠিক আছে আমি আমার পছন্দের বৈশিষ্ট্যযুক্ত চিত্র সহ মেটা ওগ: চিত্রটি পপুলেট করার জন্য কিছুটা জাভাস্ক্রিপ্ট লিখেছি। এটি আপনার একক সময় হ্যাক যা আপনি আপনার শিরোনাম ফাইলটিতে যুক্ত করেন।

আমার ওয়ার্ডপ্রেস পোস্টে, আমি "বৈশিষ্ট্যযুক্ত চিত্র" আইডি যুক্ত করি (আমি জানি পরবর্তী ওয়ার্ডপ্রেসের সাহায্যে এটি অন্তর্নির্মিত, আমি পুরানো একজনের উপরে আছি)।

<xmp><img src="http://mysite.com/catphoto.jpg" id="featured-image" /></xmp>

আমি ওগের জন্য একটি মেটা ট্যাগ লিখি: একটি স্থানধারক সহ চিত্রটি, যেমন আমার ব্লগ লগ। ট্যাগটিতে "আইডি =" মেটা-চিত্র "যুক্ত করুন, যেমন

<meta property="og:image" src="http://mysite.com/logo.jpg" id="meta-image" />

তারপরে শিরোনামে এই জাভাস্ক্রিপ্ট যুক্ত করুন:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"> </script>

<script type="text/javascript">
$(document).ready( function(){
    var featured_image = $("#featured-image").attr("src");
    $('meta[property="og:image"]').attr("content",featured_image);
});

Comments

wp_enqueue_script()ওয়ার্ডপ্রেসে জাভাস্ক্রিপ্ট লোড করতে ব্যবহার করুন ।

— ফুসিয়া

এটি কি আসলে কাজ করে? আমি ইতিমধ্যে সাফল্য ছাড়া অনুরূপ কিছু চেষ্টা করেছি - ফেসবুক ডিবাগার আমার চিত্রটি স্বীকৃতি দেয় না। আমি মনে করি না এটি জাভাস্ক্রিপ্টটি বিশ্লেষণ করছে।

— benedict_w