গুগল অদৃশ্য রিক্যাপচ্যা ব্যাজটি কীভাবে আড়াল করবেন

Question

নতুন গুগল অদৃশ্য রেকটপাচা বাস্তবায়ন করার সময়, ডিফল্টরূপে আপনি পর্দার নীচে ডানদিকে কিছুটা "রেসিপিটিচএ দ্বারা সুরক্ষিত" ব্যাজ পাবেন যা আপনি যখন রোল করবেন তখন পপ আউট হবে।

আমি এটি লুকিয়ে রাখতে চাই

Answer 1

গুগল এখন এফএকিউ থেকে ব্যাজটি আড়াল করতে দেয় :

আমি রিপ্যাচচা ভি 3 ব্যাজটি আড়াল করতে চাই। কি অনুমোদিত?

You are allowed to hide the badge as long as you include the reCAPTCHA
branding visibly in the user flow. Please include the following text:

This site is protected by reCAPTCHA and the Google
    <a href="https://policies.google.com/privacy">Privacy Policy</a> and
    <a href="https://policies.google.com/terms">Terms of Service</a> apply.

উদাহরণ স্বরূপ:

সুতরাং আপনি কেবল নিম্নলিখিত সিএসএস ব্যবহার করে এটি আড়াল করতে পারেন:

.grecaptcha-badge { 
    visibility: hidden;
}

display: none;এটি স্প্যাম চেকিং নিষ্ক্রিয় বলে মনে হচ্ছে না ব্যবহার করুন (ধন্যবাদ জেড ধন্যবাদ)

Comments

আমি আপনাকে কী করব তা বলার জন্য অনুমান করব না;) আমি কেবলমাত্র অন্য কোনও ব্যবহারকারীকে সতর্ক করছি যে এটি অপসারণ করা অবৈধ হতে পারে।

— Yann39

এটি সম্পূর্ণরূপে অগ্রহণযোগ্য, কারণ মোবাইলের মতো ছোট পর্দায় এই ব্যাজটি ওয়েবপৃষ্ঠার একটি উল্লেখযোগ্য ক্ষেত্র জুড়ে।

— ডন দিলঙ্গা

এটি গ্রহণ করুন, বা একটি আলাদা পরিষেবা চয়ন করুন। গুগল তাদের নিখরচায় পরিষেবাটির জন্য আপনাকে ব্র্যান্ডিং দেখানোর প্রয়োজনীয়তার প্রতিটি অধিকার রয়েছে। এমনকি আপনি ব্যাজ পূর্বের ফর্ম সঙ্গে ইনলাইন হতে পারেন developers.google.com/recaptcha/docs/invisible#render_param ।

— আলেকজান্ডার ওতাভকা

ভাল, আমি কেবল আমার পরিচিতি ফর্ম পৃষ্ঠায় এই ক্যাপচা v3 ব্যবহার করি। সুতরাং এই ব্যাজটি দেখানোর জন্য এটিই আমি চাই। এটি আমার সাইটে অন্য কোথাও প্রযোজ্য নয়। সম্ভব?

— অ্যান্ড্রু ট্রকল

@ ইয়ান 39 - দয়া করে আপনার উত্তর আপডেট করুন। এটি আড়াল করা ভাল এবং উদাহরণস্বরূপ এটি কেবল পরিচিতি পৃষ্ঠায় যুক্ত করুন: developers.google.com/recaptcha/docs/faq

— Sol

Answer 2

আমি সমস্ত পদ্ধতির পরীক্ষা করেছি এবং:

সতর্কতা: display: none স্প্যাম চেকিং অক্ষম করে!

visibility: hidden এবং opacity: 0 স্প্যাম চেকিং অক্ষম করবেন না।

ব্যবহারের কোড:

.grecaptcha-badge { 
    visibility: hidden;
}

আপনি যখন ব্যাজ আইকনটি আড়াল করেন, গুগল আপনাকে এই ফর্মটি যুক্ত করে তাদের ফর্মের পরিষেবাটি উল্লেখ করতে চায় :

<small>This site is protected by reCAPTCHA and the Google 
    <a href="https://policies.google.com/privacy">Privacy Policy</a> and
    <a href="https://policies.google.com/terms">Terms of Service</a> apply.
</small>

Comments

এই উত্তরটি আরও বেশি হওয়া দরকার! এটি একটি সংক্ষিপ্ত পদ্ধতিতে সমাধানের জন্য প্রয়োজনীয় সমস্ত তথ্য ধারণ করে।

— বুর্জান লারসন

ঠিক আমি যা খুঁজছিলাম এবং এটি দুর্দান্ত কাজ করে। এটি প্রমাণিত প্রমাণের সন্ধানের জন্যও দয়া করে এই পৃষ্ঠাটি পরীক্ষা করুন (যদি আপনি ইতিমধ্যে এই সমস্ত থ্রেড জুড়ে এটি না দেখে থাকেন) ডেভেলপার্স

— জেক

এই @ জ্যাক উল্লেখ করার জন্য ধন্যবাদ। আমি আমার উত্তরে এটি যুক্ত করেছি।

— হেলেনেশ

কেউ কি সিএসএস হ্যাকের চেয়ে ব্যাজটি লুকানোর কোনও নথিযুক্ত উপায় খুঁজে পেয়েছে? গুগল তাদের ব্র্যান্ডিং দেখানোর জন্য বিকল্প উপায় সরবরাহ করে তবে আমি তাদের ব্যাজটি লুকানোর কোনও সমর্থিত পদ্ধতি খুঁজে পাই না can't

— কলিন দাম

Answer 3

data-badgeএট্রিবিউট সেট করুনinline

<button type="submit" data-sitekey="your_site_key" data-callback="onSubmit" data-badge="inline" />

এবং নিম্নলিখিত সিএসএস যুক্ত করুন

.grecaptcha-badge {
    display: none;
}

Comments

সতর্ক হোন; এটি স্প্যাম চেক করা অক্ষম বলে মনে হচ্ছে।

— জেডে

এটি কি সত্যই স্প্যাম চেকিং অক্ষম করে? যদি তাই হয় তবে সমস্ত উপগ্রহ কেন?

— চার্লি শ্লিয়েসার

@ জেড সম্ভবত পরিবর্তে ব্যবহার করবেন opacity: 0বা visibility: hidden? এছাড়াও যেখানে এটির পরিসংখ্যান রয়েছে সেখানে আপনার কি কোনও লিঙ্ক আছে?

— সিটিএফ 0

ব্যবহারকারীর চুক্তিতে বলা হয়েছে যে উপরের @ ইয়ান 39 অনুসারে আপনাকে ব্যবহারকারীদের অবহিত করতে হবে।

— মিহাইল মিনকভ

@ হেলেনেশের আলাদা উত্তর?

— অনুপম

Answer 4

গুগল এখন বলেছে "যতক্ষণ না আপনি ব্যবহারকারী প্রবাহে দৃশ্যমানভাবে রেক্যাপচা ব্র্যান্ডিং অন্তর্ভুক্ত করবেন ততক্ষণ আপনি ব্যাজটি আড়াল করার অনুমতি পাবেন।" লিংক

Comments

শুধুমাত্র v3 এর জন্য প্রযোজ্য! v2 এখনও ব্যাজ প্রদর্শিত প্রয়োজন। :(

— এডিটিসি

Answer 5

যেহেতু ব্যাজটি গোপন করা টিউইউ অনুসারে সত্যিকার অর্থে বৈধ নয়, এবং বিদ্যমান প্লেসমেন্ট অপশনগুলি আমার ইউআই এবং / অথবা ইউএক্সকে ভেঙে ফেলছিল, তাই আমি নিম্নলিখিত কাস্টমাইজেশনটি নিয়ে এসেছি যা স্থির অবস্থানের নকল করে তবে পরিবর্তে ইনলাইনটি রেন্ডার করা হয়:

আপনার ব্যাজ ধারকটিতে আপনাকে কেবল কয়েকটি সিএসএস প্রয়োগ করতে হবে:

.badge-container {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  width: 70px;
  height: 60px;
  margin: 0 auto;
  box-shadow: 0 0 4px #ddd;
  transition: linear 100ms width;
}
.badge-container:hover {
    width: 256px;
}

আমি মনে করি এটি যতদূর আপনি আইনত এটি চাপতে পারেন।

Comments

খুশী হলাম। আমি এটিকে আরও এগিয়ে ধাক্কা দিয়েছি (বাস্তবে এটি পুরোপুরি আড়াল না করে) transform: scale(0.6)এবংopacity: 0.6

— স্কয়ারকাণ্ডি

আপনি কি বামের চেয়ে ডানদিকে নীল ব্যানারটি খুলতে সক্ষম? এছাড়াও এর রঙিন স্কিমটি মানিয়ে নিন?

— বৈশাল প্যাটেল

তত্ত্ব অনুসারে @ ভাইশালপ্যাটেল, হ্যাঁ, তবে দুটি কনস রয়েছে: প্রথমত, নেটিভ ব্যাজ ডিজাইনের সাথে হস্তক্ষেপ করা গুগলকে নিরুৎসাহিত করা হয় এবং দ্বিতীয়ত, আপনার পরিবর্তনগুলিতে বিদ্যমান নকশা সম্পর্কে যত বেশি অনুমান করা যায়, ততই আপনার সমাধানটি ভঙ্গুর হয়ে যায় - গুগলকে মনে রাখুন ব্যাজ শৈলী এবং লেআউট যখনই মনে হয় এটি পরিবর্তন করতে বিনামূল্যে change

— ক্রুকিড

@ Krukid আমি তাদের ডিফল্ট শৈলীর ইনলাইন দিয়েছিলাম।

— বৈশাল প্যাটেল

Answer 6

আমি আমার যোগাযোগ পৃষ্ঠা ব্যতীত সমস্ত পৃষ্ঠায় ব্যাজটি আড়াল করার সিদ্ধান্ত নিয়েছি (ওয়ার্ডপ্রেস ব্যবহার করে):

/* Hides the reCAPTCHA on every page */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* Shows the reCAPTCHA on the Contact page */
/* Obviously change the page number to your own */
.page-id-17 .grecaptcha-badge {
    visibility: visible !important;
}

আমি কোনও ওয়েব বিকাশকারী নই তাই কিছু ভুল হলে দয়া করে আমাকে সংশোধন করুন।

সম্পাদনা: প্রদর্শনের পরিবর্তে দৃশ্যমানতা ব্যবহারের জন্য আপডেট হয়েছে।

Comments

এটি কাজ করবে তবে পৃষ্ঠা-আইডি- # আপনার ওয়েবসাইটের সাথে সুনির্দিষ্ট তাই এটি ব্যবহার করা যে কোনও ব্যক্তিকে যে পৃষ্ঠায় প্রদর্শন করতে চান তা ফিট করতে আইডি সামঞ্জস্য করতে হবে। || আমি রিপোর্টগুলি দেখেছি যে এই প্রদর্শনটি করছে: কিছুই নয়; এছাড়াও চেকিং অক্ষম করবে তবে আমি এখনই সে সম্পর্কে নিশ্চিত নই।

— মাইকেল টুনেল

সাবধান হন! এটি স্প্যাম চেকিং অক্ষম করে। আরও তথ্যের জন্য আমার উত্তর চেক করুন

— হেলেনেশ

মাইকেল ও হেলেনেশের উপরের মন্তব্যের ভিত্তিতে আপডেট হয়েছে

— লিওন

Answer 7

ম্যাথু ডাওলের পোস্টের একটি সামান্য বৈকল্পিক যা সংক্ষিপ্ত ফ্ল্যাশ এড়ায়, তবে যোগাযোগ ফর্ম form ফর্মটি যখনই প্রদর্শিত হয় প্রদর্শিত হয়:

div.grecaptcha-badge{
    width:0 !important;
}

div.grecaptcha-badge.show{
    width:256px !important; 
}

তারপরে আমি আমার চাইল্ড থিমটিতে নিম্নলিখিতটি হেডার.এফপিতে যুক্ত করেছি:

<script>
jQuery( window ).load(function () { 
    if( jQuery( '.wpcf7' ).length ){ 
        jQuery( '.grecaptcha-badge' ).addClass( 'show' );
    }
});
</script>

Answer 8

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

দ্রষ্টব্য: আমি যে রিক্যাপচাটি টুইট করছিলাম তা একটি ওয়ার্ডপ্রেস প্লাগইন তৈরি করেছে, সুতরাং আপনাকে একটি দিয়ে রেপ্যাচটিএ মোড়ানোর প্রয়োজন হতে পারে<div class="inv-recaptcha-holder"> ... </div> নিজের ।

সিএসএস

.inv-recaptcha-holder {
  visibility: hidden;
  opacity: 0;
  transition: linear opacity 1s;
}

.inv-recaptcha-holder.show {
  visibility: visible;
  opacity: 1;
  transition: linear opacity 1s;
}

jQuery এর

$(document).ready(function () {
  $('form input, form textarea').on( 'focus', function() {
    $('.inv-recaptcha-holder').addClass( 'show' );
  });
});

স্পষ্টতই আপনি প্রয়োজন হলে নির্দিষ্ট ফর্মগুলি লক্ষ্য করে jQuery নির্বাচনকারীকে পরিবর্তন করতে পারেন।

Answer 9

ওয়ার্ডপ্রেসে যোগাযোগ ফর্ম users এর ব্যবহারকারীদের জন্য এই পদ্ধতিটি আমার জন্য কাজ করছে: আমি যোগাযোগ পৃষ্ঠার with ফর্মগুলি ব্যতীত সমস্ত পৃষ্ঠায় ভি 3 রিক্যাপচাকে আড়াল করি।

তবে এই পদ্ধতিটি এমন কোনও সাইটে কাজ করা উচিত যেখানে আপনি অনন্য শ্রেণীর নির্বাচক ব্যবহার করছেন যা পাঠ্য ইনপুট ফর্ম উপাদানগুলির সাহায্যে সমস্ত পৃষ্ঠা সনাক্ত করতে পারে।

প্রথমত, আমি সিএসএসে একটি লক্ষ্য শৈলীর নিয়ম যুক্ত করেছি যা টাইলটি ভেঙে দিতে পারে:

সিএসএস

 div.grecaptcha-badge.hide{
    width:0 !important;
}

তারপরে আমি উইন্ডোটি লোড হওয়ার পরে ট্রিগার করতে আমার শিরোনামে জিকুয়ের স্ক্রিপ্ট যুক্ত করেছি যাতে 'গ্রেক্যাপচা-ব্যাজ' শ্রেণি নির্বাচকটি জিকুয়েরিতে উপলব্ধ এবং উপলভ্য সিএসএস শৈলী প্রয়োগ করতে 'আড়াল' শ্রেণি যুক্ত করতে পারেন।

$(window).load(function () { 
    if(!($('.wpcf7').length)){ 
      $('.grecaptcha-badge').addClass( 'hide' );
       }
});

আমার টাইলটি এখনও প্রতি পৃষ্ঠায় আধা সেকেন্ডের জন্য ফ্ল্যাশ করবে, তবে এটি আমি এখনও অবধি খুঁজে পেয়েছি যে আমি এটি মেনে চলব hope উন্নতির জন্য পরামর্শ প্রশংসা।

Answer 10

এটি স্প্যাম চেকিং অক্ষম করে না

div.g-recaptcha > div.grecaptcha-badge {
    width:0 !important;
}

Answer 11

আপনি যদি যোগাযোগ ফর্ম 7 আপডেট এবং সর্বশেষতম সংস্করণ (সংস্করণ 5.1.x) ব্যবহার করে থাকেন তবে আপনাকে ইনস্টল করতে হবে, গুগল রেক্যাপচা ভি 3 ব্যবহার করতে হবে।

ডিফল্টরূপে আপনি স্ক্রিনের নীচে ডানদিকে প্রতিটি পৃষ্ঠায় গুগল রেসিপিএচচএ লোগো পাবেন। এটি আমাদের মূল্যায়ন অনুসারে ব্যবহারকারীদের জন্য একটি খারাপ অভিজ্ঞতা তৈরি করছে। এবং আপনার ওয়েবসাইট, ব্লগটি কিছুটা কমিয়ে দেবে (পেজস্পিড স্কোর দ্বারা প্রতিফলিত), আপনার ওয়েবসাইটের দ্বারা এই ব্যাজটি প্রদর্শনের জন্য গুগল থেকে অতিরিক্ত 1 টি জাভাস্ক্রিপ্ট লাইব্রেরি লোড করতে হবে।

আপনি এই পদক্ষেপগুলি অনুসরণ করে সিএফ 7 থেকে গুগল রেক্যাচা ভি 3 লুকিয়ে রাখতে পারেন (কেবল যখন প্রয়োজন তখন এটি দেখান):

প্রথমত, আপনি functions.phpআপনার থিমের ফাইলটি খুলুন (ফাইল ম্যানেজার বা এফটিপি ক্লায়েন্ট ব্যবহার করে)। এই ফাইলটি /wp-content/themes/your-theme/এটিতে অবস্থিত: এবং নিম্নলিখিত স্নিপেট যুক্ত করুন (আমরা প্রতিটি পৃষ্ঠার রেক্যাপচা বক্স অপসারণ করতে এই কোডটি ব্যবহার করছি):

    remove_action( 'wp_enqueue_scripts', 'wpcf7_recaptcha_enqueue_scripts' );

এরপরে, আপনি এই স্নিপেটটি যে পৃষ্ঠায় এটি Google গুগল প্রদর্শন করতে চান তা যুক্ত করবে (যোগাযোগের পৃষ্ঠা, লগইন, নিবন্ধের পৃষ্ঠা…):

if ( function_exists( 'wpcf7_enqueue_scripts' ) ) {
    add_action( 'wp_enqueue_scripts', 'wpcf7_recaptcha_enqueue_scripts', 10, 0 );
}

ওআইডব্লু ব্লগ দেখুন - গুগল ওয়ার্ডপ্রেসে যোগাযোগ ফর্ম from থেকে রেসিপিটিএইচএ লোগোটি কীভাবে সরিয়ে ফেলা হবে (পুনরায় লুকিয়ে রাখুন)

Answer 12

হ্যাঁ, আপনি এটি করতে পারেন । আপনি হয় পুনরায় ক্যাপচা ভি 3 ব্যাজটি লুকানোর জন্য CSS বা জাভাস্ক্রিপ্ট ব্যবহার করতে পারেন ।

1. সিএসএস ওয়ে ব্যবহার করে display: noneবা visibility: hiddenপুনঃক্যাপচা ব্যাচটি আড়াল করতে। এটি সহজ এবং দ্রুত।

.grecaptcha-badge {
    display:none !important;
}

2. জাভাস্ক্রিপ্ট ওয়ে

var el = document.querySelect('.grecaptcha-badge');
el.style.display = 'none';

গুগল নীতি অনুসারে ব্যাজটি গোপন রাখা বৈধ, এখানে প্রায়শই জিজ্ঞাসিত উত্তর দেওয়া হয়েছে । নীচের মত গুগল থেকে গোপনীয়তা নীতি এবং ব্যবহারের শর্তাদি দেখানোর পরামর্শ দেওয়া হচ্ছে।

Answer 13

আমি এই সম্পর্কে পরবর্তী মন্তব্য দেখেছি

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

Answer 14

দ্রষ্টব্য: আপনি যদি ব্যাজটি আড়াল করতে পছন্দ করেন তবে দয়া করে ব্যবহার করুন
.grecaptcha-badge { visibility: hidden; }

আপনি ব্যবহারকারী প্রবাহে দৃশ্যমানভাবে পুনরায় ক্যাপচা ব্র্যান্ডিং অন্তর্ভুক্ত করা পর্যন্ত আপনাকে ব্যাজটি আড়াল করার অনুমতি দেওয়া হবে। নিম্নলিখিত পাঠ্য অন্তর্ভুক্ত করুন:

এই সাইটটি রেক্যাপচা এবং গুগল দ্বারা সুরক্ষিত
<a href="https://policies.google.com/privacy">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service</a> apply.

আরও বিশদ এখানে পুনরায় ক্যাপ্টাছ

Answer 15

পুনরায় যোগাযোগের ফর্মটি 7 এবং পুনর্নির্মাণ ভি 3 সমাধানটি পুনরায় গ্রহণ করুন।

body:not(.page-id-20) .grecaptcha-badge {
    display: none;
}

এক পরিচিতির ফর্ম পৃষ্ঠার চেয়ে বেশি?

body:not(.page-id-12):not(.page-id-43) .grecaptcha-badge {
    display: none;
}

আপনার যদি আরও যোগাযোগের ফর্ম পৃষ্ঠা থাকে তবে আপনি আরও "নোট" যুক্ত করতে পারেন।

body:not(.page-id-45):not(.page-id-78):not(.page-id-98) .grecaptcha-badge {
    display: none;
}

আপনার বডি বিভাগটি এটি পছন্দ করবে তা নিশ্চিত করুন:

<body>

এটিকে এমনভাবে পরিবর্তন করুন যাতে এটি দেখতে লাগে:

 <body <?php body_class(); ?>>

Comments

দয়া করে অন্য উত্তরগুলি প্রদর্শন করুন, কোনওটিই স্প্যাম চেকিং অক্ষম করে না।

— হেলেনেশ

@ হেলেনেশ স্প্যাম চেকিং কি এবং এটি CSS স্টাইল যুক্ত করার সাথে কীভাবে সম্পর্কিত?

— বারক্যান্ট ইপেক