# Discourse 검색을 숨기고 Google 검색 사용

**URL:** https://meta.discourse.org/t/hide-discourses-search-and-use-googles/175696
**Category:** Theme component
**Created:** [1월 10, 2021, 4:42오후 UTC](https://meta.discourse.org/t/hide-discourses-search-and-use-googles/175696 "2021-01-10T16:42:15Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![SidV](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sidv/32/119460_2.png) [@SidV](https://meta.discourse.org/u/SidV)
#### Post date: [1월 10, 2021, 4:42오후 UTC](https://meta.discourse.org/t/hide-discourses-search-and-use-googles/175696/1 "2021-01-10T16:42:15Z")

</div>

여러분, 안녕하세요

제 포럼에는 커뮤니티의 진정한 본질(즉, 서로 돕는 것)을 인식하지도, 회원 가입을 하지 않은 채 익명 사용자들의 검색이 많이 이루어지고 있습니다. 그래서 저는 네이티브 Discourse 검색 엔진을 제거하고(사실 이 엔진은 검색 기능을 제대로 숨겨버리죠), Google 검색 엔진만 표시하는 **컴포넌트** 를 만들기로 결정했습니다. 이 Google 검색은 포럼 도메인 내(인덱싱된 콘텐츠)에서 검색을 수행할 뿐만 아니라, 광고를 노출하여 AdSense를 통해 검색을 수익화합니다.

 ![](https://global.discourse-cdn.com/meta/original/3X/9/8/984c5015e814873f21dde9b6e473fa24bd736e46.png)

즉, 이 컴포넌트는 사용자가 Discourse의 네이티브 검색 엔진을 사용할 수 없도록 합니다. 대신 Google 기반 검색 엔진을 사용하게 되며, 이를 통해 수익화를 추가할 수 있습니다.

제 원래 아이디어는 익명 사용자와 TL0 - TL1 권한을 가진 사용자에게는 네이티브 Discourse 검색 엔진을 제거하고, 나머지 등록된 사용자에게는 새로운 Google 검색 엔진을 숨기고 네이티브 엔진을 표시하는 것이었습니다.

검색 엔진을 " `header` " 섹션에 배치하고 싶었지만, CSS를 통해 " `panel clearfix` " 클래스 안에 위치시키는 방법을 찾지 못했습니다. 포럼에서 누군가가 이 문제에 도움을 줄 수 있을 것이라 확신합니다.

결국 몇 가지 CSS 변경을 거쳐 Google 검색을 헤더 내비게이션에 배치했습니다:  
 ![image](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/3X/d/1/d162ebc1894c3b87062a86a0d0711ab15038e379_2_517x38.png)

> ℹ
> 
> - 레포지토리 & 정보: [GitHub - SidVal/discourse-google-search: Hide native Discourse's search and show only Google's search · GitHub](https://github.com/SidVal/discourse-google-search#readme)
> - 공개 데모: [https://foros.consultoria-sap.com/](https://foros.consultoria-sap.com/)

* * *

누군가 이 아이디어에 동참하여 함께 이 개발을 개선해 나가길 바랍니다!

_여러분은 자신을 돌보고, 우리 모두는 서로를 돌봐요!_ 😷

* * *

> **왜 테마 크리에이터 미리보기가 아닌가?**
>
> 🤯 테마 크리에이터에 대해, 테마 크리에이터에서 직접 테스트를 수행하기 위해 새로운 "google-search"를 구성해 보았지만, 다음 오류가 발생합니다: “`Refused to load the script ... because it violates the following Content Security Policy directive:" script-src ....`”

---

<div class="post-metadata">

### Author: ![Faizan\_Zahid](https://avatars.discourse-cdn.com/v4/letter/f/b9bd4f/32.png) [@Faizan\_Zahid](https://meta.discourse.org/u/Faizan_Zahid)
#### Post date: [1월 10, 2021, 7:00오후 UTC](https://meta.discourse.org/t/hide-discourses-search-and-use-googles/175696/2 "2021-01-10T19:00:30Z")

</div>

훌륭한 작업이네요. 확인해 볼게요.. 데모에서 작동하는 것을 볼 수 있는 사이트 URL이나 다른 장소를 공유해 주실 수 있나요? 아니면 사이트 URL을 공유해 주세요.

이것은 Google AdSense 맞춤 검색 바인가요? Discourse 네이티브 검색과 AdSense 맞춤 검색을 한 페이지에서 함께 유지할 방법이 있나요? 저는 Discourse 네이티브 검색의 자동완성(autosuggest) 기능을 정말 좋아합니다.

이것이 Discourse의 AMP 페이지에서 작동하나요?

> [@SidV](#):
>
> 로드 거부됨

콘텐츠 보안 정책(CSP) 설정을 찾아보세요. AdSense 검색이 호출하고 사용하는 URL들을 허용 목록에 추가하면 작동할 것입니다.

---

<div class="post-metadata">

### Author: ![SidV](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sidv/32/119460_2.png) [@SidV](https://meta.discourse.org/u/SidV)
#### Post date: [1월 10, 2021, 10:56오후 UTC](https://meta.discourse.org/t/hide-discourses-search-and-use-googles/175696/3 "2021-01-10T22:56:47Z")

</div>

> [@Faizan\_Zahid](#):
>
> 이거 구글 애드센스 커스텀 검색 바인가요? 디스코스의 네이티브 검색과 애드센스 커스텀 검색을 한 페이지에 함께 유지할 방법이 있을까요?

네, 있습니다. 네이티브 검색은 “숨김” 처리되어 있고, 맞습니다. 구글 커스텀 검색 바입니다. 제 경우엔 광고와 함께 설정했습니다.

> [@Faizan\_Zahid](#):
>
> 디스코스의 AMP 페이지에서도 이게 동작하나요?

그건 잘 모르겠습니다. 제 사이트는 AMP가 아니거든요… 죄송합니다.

데모에 관해서라면, 첫 번째 메시지에 더 자세한 정보와 새로운 버전을 추가하도록 수정했습니다.

> [@Faizan\_Zahid](#):
>
> 콘텐츠 보안 정책(CSP) 설정을 검색해 보세요. 애드센스 검색이 호출하고 사용하는 URL들을 허용 목록에 추가하면 작동할 것입니다.

네, 그건 알았지만, 저는 Theme Creator의 관리자가 아니기 때문에 사이트를 허용 목록에 추가할 수 없습니다.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [11월 21, 2021, 10:02오후 UTC](https://meta.discourse.org/t/hide-discourses-search-and-use-googles/175696/4 "2021-11-21T22:02:16Z")

</div>

참고로, Safari/iPad에서 레이아웃이 깨져 있습니다

 ![kuva](https://global.discourse-cdn.com/meta/original/3X/3/8/3823d2cc828b32b331d8cac9c07a05c6bac2504f.png)
