페이지에서 '문의 양식' 만들기

구글 블로그 스팟 페이지에 연락처 양식을 추가하는 방법과 ContactForm 스크립트로 메시지가 전송되는 위치에 대해.
2 min read

문의 양식을 만들기 전에 블로그 ID를 가져와서 페이지에 ContactForm 스크립트를 복사 붙여넣기하는 등 몇 가지 준비해야 할 사항이 있습니다.

1 단계 : 블로그 ID 가져오기

Blogger 대시보드 페이지에서 주소 표시줄을 보면 다음과 같은 URL을 찾을 수 있습니다.

https://www.blogger.com/blog/posts/0000000000000000000

위의 URL에 표시된 부분은 블로그 ID입니다. 나중에 ContactForm 스크립트를 활성화하는 데 필요하므로 먼저 해당 ID를 복사합니다.

2 단계 : 새 페이지 만들기

새 페이지를 만드는 방법을 알고 있다고 가정합니다. 다음으로 할 일은 제공된 게시물 템플릿을 사용하는 것입니다.

  1. Contact Form.txt를 다운로드합니다.
  2. 텍스트 파일을 열어 기존 코드를 모두 복사합니다.
  3. Blogger 게시물 편집기에서 아이콘을 클릭하고 HTML 보기를 선택하여 HTML 모드로 전환합니다.
  4. 이전에 복사한 모든 코드를 게시물에 붙여넣습니다.
Contact Form.txt 2kb

문의하기 페이지가 제대로 작동하려면 ContactForm 스크립트에 블로그 ID와 블로그 URL을 추가하세요. 어떤 부분을 변경해야 하는지 쉽게 찾을 수 있도록 표시했습니다.

<script>/*<![CDATA[*/ if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '0000000000000000000';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\0000000000000000000','//www.yourDomain.com/','0000000000000000000'); _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '0000000000000000000', ... /*]]>*/</script>

설명

  1. 000000000000000000— 자신의 블로그 ID로 바꾸십시오. 위의 스크립트에는 대략 4개의 유사한 코드가 있습니다.
  2. www.your_domain.com— 블로그 URL로 교체(http / https 제외)
  3. Sending...— 메시지 전송 중 알림(선택 사항)
  4. Your message has been sent.: 메시지 전송됨 알림(선택 사항)
  5. Message could not be sent. Please try again later.: 메시지 전송되지 않음 알림(선택 사항)
  6. A valid email address is required.: 잘못된 이메일 알림(선택 사항)
  7. Message field cannot be empty.: 메시지 본문이 비어 있을 때 알림(선택 사항)

올바르게 코드를 작성했다면 Contact Us 페이지가 정상적으로 작동합니다. 그렇지 않다면 블로그 ID 또는 URL을 작성하는 데 약간의 문제가 발생했을 수도 있습니다.

메시지는 어디로 전송됩니까?

이 ContactForm 양식의 모든 메시지는 등록된 이메일 또는 Blogger 로그인에 사용된 이메일로 전송됩니다. Gmail을 열고 업데이트 탭을 확인하세요. 찾을 수 없으면 메일이 스팸 폴더로 이동했을 가능성이 큽니다.

You may like these posts

  • 표시되는 게시물 수가 일치하지 않음 경우에 따라 홈페이지에 표시되는 게시물 수가 Blogger 설정에 지정된 수보다 적을 때가 있습니다. 먼저 이것이 테마의 버그/오류와 관련이 없음을 확인했습니다. 다른 Blogger 테마에서도 동일한 문제를 찾을 수 있었기 때문입니다. 조사한 결과 이 …
  • SVG 아이콘에는 fill:...;과 stroke:...;를 사용하는 두 가지 유형의 채색이 있습니다. fill는 단색의 굵은 두께의 svg에 사용되는 반면 stroke는 윤곽의 색상을 변경하는 데 사용됩니다. SVG 아이콘용 HTML 코드는 어디에서 얻을 수 있습니까? 확장자가 .…
  • 최신 업데이트에서는 템플릿 색상을 변경하는 데 문제가 없을 겁니다. Blogger 테마 디자이너에서 모든 색상을 수정할 수 있습니다. 이 기능은 업데이트를 통해 지속적으로 개선될 것이며, 다음 업데이트에서 더 많은 색상과 배경을 커스텀할 수 있도록 노력하겠습니다. 표준 템플릿 템…
  • 메타 태그 최적화는 사이트의 정보를 google, bing 등과 같은 검색 엔진에 제공하는 가장 좋은 방법입니다. 뿐만 아니라 메타 태그는 웹 사이트나 블로그에서 가장 기본적인 SEO 최적화 단계로 중요한 구성 요소 중 하나입니다. 메타 태그는 사이트 또는 블로그의 <head>…
  • 문의 양식을 만들기 전에 블로그 ID를 가져와서 페이지에 ContactForm 스크립트를 복사 붙여넣기하는 등 몇 가지 준비해야 할 사항이 있습니다. 1 단계 : 블로그 ID 가져오기 Blogger 대시보드 페이지에서 주소 표시줄을 보면 다음과 같은 URL을 찾을 수 있습니다. …
  • 모바일 설정 Blogger에서 기본 모바일 설정을 끄는 것이 좋습니다. 모든 특정 화면 크기에 맞출 수 있는 테마를 설계했으므로 Blogger의 기본 모바일 설정이 더 이상 필요하지 않습니다. Blogger 대시보드에서 테마를 클릭합니다. 맞춤 설정 버튼 옆 아래쪽 화살표…

4 comments

  1. 4년 전
    와우 전문가님 안녕하세요 좋은 정보 감사드립니다.
    1. 4년 전
      안녕하세요. 블로그에 방문해주셔 서 감사합니다!
  2. 4년 전
    우와~ 블로거 전문가이시군요~
    1. 4년 전
      블로거에 관심이 있지만 전문가는 아닙니다 ㅠ 방문 감사합니다.