ボタンをクリックしてからGoogleに返信してください

Question

私はGoogleのカスタマーレビューを利用しています。それはうまく動作します。しかし、私の目標は、私はidのボタンをクリックした後autooverlayのみがロードされていること、である=「グーグル・レビュー」を

元のコードは次のとおりです。

<script src="https://apis.google.com/js/platform.js?onload=renderOptIn" async defer></script> 
<script> 
     window.renderOptIn = function() { 
      window.gapi.load('surveyoptin', function() { 
       window.gapi.surveyoptin.render(
        { 
         "merchant_id": number, 
         "order_id": order_id, 
         "email": customer_email, 
         "delivery_country": delivery_country, 
         "estimated_delivery_date": estimated_delivery_date, 
         "opt_in_style": "BOTTOM_TRAY" 
        }); 
      }); 
     } 
</script> 

は、私が試した：

$("#google-review").click(function() { 
    window.renderOptIn = function() { 
     window.gapi.load('surveyoptin', function() { 
      window.gapi.surveyoptin.render(
       { 
        "merchant_id": number, 
        "order_id": order_id, 
        "email": customer_email, 
        "delivery_country": delivery_country, 
        "estimated_delivery_date": estimated_delivery_date, 
        "opt_in_style": "BOTTOM_TRAY" 
       }); 
     }); 
    } 
}); 

しかし、これは動作していません。オーバーレイはまったく読み込まれていません。目標を達成するにはどうすればいいですか？

Answer 1

他の方法で試してください。スクリプトソースのオンロードはrenderOptinを呼び出します。これにより、クリックハンドラが設定されます。実際のクリックは、関数内のコードを実行します。

window.renderOptIn = function() { 
    $("#google-review").click(function() { 
    window.gapi.load('surveyoptin', function() { 
     window.gapi.surveyoptin.render({ 
     "merchant_id": number, 
     "order_id": order_id, 
     "email": customer_email, 
     "delivery_country": delivery_country, 
     "estimated_delivery_date": estimated_delivery_date, 
     "opt_in_style": "BOTTOM_TRAY" 
     }); 
    }); 
    }); 
}