GMail 받은 편지함에 '~로 표시'버튼 표시

6777 단어 googlegmail


TL;DR



HTML 메일에 Gmail용 마크업의 'Go-To Actions'을 사용한다.

Gmail이 다음 HTML 마크업을 감지하면 받은편지함 제목 옆에 버튼이 표시됩니다.

sample.html
<body>
    <p>Here's your body and soul.</p>
    <p>"<a href="https://YOURSITE.COM/PATH/">Go Go Go</a>"</p>

    <!-- Go-To-Actions -->
    <div class="footer">
        &mdash;<br />
        <a href="https://YOURSITE.COM/PATH/">YourSiteで表示</a>
    </div>
    <div itemscope="" itemtype="http://schema.org/EmailMessage">
        <div itemprop="potentialAction" itemscope="" itemtype="http://schema.org/ViewAction">
            <link href="https://https://YOURSITE.COM/PATH/" itemprop="url" />
            <meta content="YOURSITEで表示" itemprop="name" />
        </div>
        <meta content="Qiitaで表示" itemprop="description" />
    </div>
    <!-- /Go-To-Actions -->
</body>
  • Gmail을 확장하는 HTML 태그에 대한 참조

  • Overview | markup | Gmail @ Google Developers

  • Reference | markup | Gmail @ Google Developers


    • TS; DR (상세와 소감)



    Qiita에서 "편집 요청"으로 기여하면 채용되었다는 메일이 도착했습니다.

    문득, 「Qiita로 표시」버튼이 눈에 띄게 「그러고 보면 최근 이 버튼 보지 말라―」라고 생각해, 어떻게 하고 있는 것일까라고 조사해 보았습니다.



    우선, 참고가 된 도착한 메일의 소스를 보았습니다. 아마도 트리거가 되는 설명을 HTML 메일 내부에 포함할지, 헤더에 포함할까라고 생각했기 때문입니다.

    결과에서 말하면 HTML 내의 마크 업에 포함되었습니다. GMail의 "메시지 소스보기"(HTML 메일 내용 확인)는 이콜 가득 ASCII 코드로 인코딩되었습니다.

    이것은 Quoted-printable 라고 하는 인코딩으로, 이대로라고 취급하기 어려우므로 디코딩 해 보았습니다. 그런데 문장에 DIV 이나 META 태그에 itemscope 설명이있었습니다.

    이 기술 방법은 Gmail 전용인가라고 생각했습니다만, 아무래도, 이것은 itemprop 의 제정한 schema.org 기법에 준거한 기술과 같습니다.
    markup 는 Microsoft(의 Bing 팀), Google 나 Yahoo! 등이 시작한 단체입니다. "인터넷, 웹 페이지, 이메일 메시지 등에서 구조화된 데이터 의 스키마(도식)를 작성, 유지, 촉진하는 것"을 목적으로 하고 있는 것 같습니다. 즉, HTML이나 JSON 등의 방언을 정리하려고 하는, 틈을 노린 단체의 하나라고 하는 것입니다.

  • S 체마. 오 rg @ 영어 버전 Wikipedia
    • schema.org 자신의 인지도나 준거율을 생각해도, (2020년 현재) 범용이라고는 말할 수 없습니다만, 상대가 GMail을 이용하고 있는 것을 알 수 있는 경우는 시험해 볼 가치는 있을지도 모릅니다 응.

    HTML 메일로 GMail에 허용되는 작업 목록



    지정된 URL로 이동하는 "Go-To Action"






    액션 이름
    액션 내용(할 수 있는 것)


    Go-To Action
    Go-To 액션은 받은 편지함에서 지정된 URL을 직접 열 수 있습니다.


    승인이나 등록 등의 일발 액션에 "One-Click Action"






    액션 이름
    액션 내용(할 수 있는 것)


    One Click Actions
    원 클릭 액션은 Gmail이나 Inbox를 떠나지 않고 받은편지함에서 직접 작업을 수행할 수 있습니다. 원 클릭 동작은 서비스 URL에서 schema.org를 선언하여 수행됩니다.


    Yes/No 설문조사 등에 " Rsvp Action "






    액션 이름
    액션 내용(할 수 있는 것)


    Rsvp Actions

    RSVP (답장 바랍니다) 액션에서 이벤트를 선언하는 데 사용됩니다. 이벤트에 참여하기 위한 버튼을 포함하여 이벤트 카드가 이메일 옆에 표시됩니다.


  • 의견 양식의 ReviewAction은 2017년 7월에 중단되었습니다.
    • 의외로 알려지지 않은 Gmail 사양
    [GAS]GoogleDrive에 파일이 추가되면 첨부 및 이메일

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage