링크를 공유하기 위해 Google 플러스 공유 버튼을 앱에 추가하고 싶습니다. 내 응용 프로그램은 Javascript, HTML5 및 CSS로 작성되었으며 phonegap 빌드로 패키지되어 있습니다.Google 플러스에서 공유하는 코드로 인해 오류가 발생했습니다.

저는 11 월 이래로 here (공유 링크 제목 아래에 있음) 코드 스 니펫을 사용하고 있었고 약 2 주 전 전화 걸기 빌드에서 잘 작동했습니다. 그러나 지난 며칠 이내에 앱을 다시 테스트하면 다음과 같은 오류가 표시됩니다. "브라우저가 Google 플러스에서 지원되지 않습니다." 테스트를 거친 Android 휴대 전화에서 브라우저를 업데이트하려고 시도했지만 동일한 오류가 발생합니다. 그래서 지금은 구글에 플러스 this 페이지에서 공유 할 다른 대안을 시도하고

<a href="https://plus.google.com/share?url={URL}" onclick="javascript:window.open(this.href, 
    '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><img 
    src="https://www.gstatic.com/images/icons/gplus-64.png" alt="Share on Google+"/></a>

: 여기

는 (오류의 원인) HTML 코드의 조각이다. (전화 갭으로 패키징하는 것과 반대되는) 일반 브라우저에서 다음 기본 코드를 시도하지만 문제가 있습니다.

<html> 
    <head> 
     <title>Share demo: Basic page</title> 
     <link rel="canonical" href="http://www.example.com" /> 
     <script src="https://apis.google.com/js/platform.js" async defer> 
     <!-- Place this tag in your head or just before your close body tag. --> 
     </script> 
    </head> 
    <body> 
      <div class="g-plus" data-action="share"></div> 
    </body> 
</html>

브라우저에서이 코드를 실행하면 공유 버튼이 표시됩니다. 로그인을 요청하는 팝업이 나타납니다. 로그인하면 팝업이 닫히고 콘텐츠는 Google + 계정에서 공유되지 않습니다. 콘솔에서 볼 때 204 링크와 다음과 같은 결과가 출력 된 것을 볼 수 있습니다 :

XHR finished loading: POST "https://apis.google.com/u/0/se/0/wm/1/_/jserror?script=https%3A%2F%2Fapis.g…com%22%20from%20accessing%20a%20cross-origin%20frame.&line=Not%20available".

내가 잘못하고 있나?

here 그러나 내가 볼 수있는 한 phonegap 특정 방법을 찾고 있었지만, Google 플러스 플러그인에 대한 것입니다. 어떤 조언을 주시면 감사하겠습니다. 이것은 여전히 정상 브라우저에서 작동

var read_story_page_html = '<li>' 
      + '<a href="https://plus.google.com/share?url=' + safe_story_link + '" ' 
      + 'onclick="javascript:window.open(this.href,\'\', \'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600\');return false;">' 
      + '<span class="google_plus_icon">' 
      + '<i class="fa fa-google-plus-square"></i>' 
      + '</span>' 
      + '<span class="social_sharing_text"> Google+</span>' 
      + '</a></li>';

: 감사

편집

나는 다음과 같이 (위에서 언급 한) 문제를 일으키는 HTML 코드의 조각 동적 문자열 연결로 생성되고 있음을 언급해야 (따라서 코드에 오류가 없습니다). phonegap에 묶어두면 google 플러스로 리디렉션되지만 'google +에서 지원하지 않는 브라우저'라고 표시됩니다. 내가 눈치

출처

2017-01-17 Sarah

한 가지는 HTML 코드의 조각이 HREF 교체 오류

가 {URL}을하지 않는 원인이되는 것입니다.

공유 링크 아래에 Google 개발자 사이트에 {URL}을 (를) 공유하려는 페이지 URL로 바꿉니다.

오류가 제거되는지 확인하십시오.

출처

2017-01-18 00:28:09 Stephen

감사합니다. 방금 내 질문을 편집했습니다. 코드 스 니펫은 실제로 문제가 아닙니다. 그냥 지금은 phonegap과 호환되지 않는 것 같습니다. – Sarah

Google 플러스에서 공유하는 코드로 인해 오류가 발생했습니다.

편집

답변

관련 문제