インスタンスに「window.prerenderReady」を実装する必要があります[有料案件]

angus · 2022 年 4 月 26 日午後 4:29

予算がこの種のタスクには少し低いですね。クローラーに提供されるものを変更することは、見た目よりも難しい場合があります。さまざまな問題が発生する可能性があります。

個人的には、そもそもこれを行うことの賢明さには少し懐疑的ですが、あなたには理由があるはずです。

Jayが言っているのは、DiscourseクライアントAPIのことだと思います。テーマコンポーネントを介して、Discourseが完全にレンダリングされたときを知ることができます。

あなたはソフトウェア開発にある程度精通しているようです。昨年、Discourseテーマ開発に関する簡単な入門コースを作成しました。そこでは、テーマでAPIを使用する方法についても説明しています。無料のオープンソースです。ここから読み始めることができます。

github.com/pavilionedu/discourse-theme-introduction

START

main

# learning_course
# key:         discourse_theme_development
# title:       Discourse Theme Development
# description: This course introduces you to Discourse theme development. It's 
#              made up of a series of units, each of which have a topic in a
#              category for this course on [Pavilion Education](https://education.thepavilion.io),
#              and their own repository on the [Pavilion Education Github](https://github.com/pavilionedu). 
#              Each unit has a series of steps which appear both as posts in the 
#              unit's topic and as comments in the code of the unit's repository. 
#              The content of the steps is the same in both places.
#
#              The best way to take this course is by working through each step in
#              each unit, step by step. It's easier to read the steps on 
#              [Pavilion Education](https://education.thepavilion.io), where you'll
#              also get the chance to have your work reviewed, watch videos of 
#              teachers completing the steps, chat with other students and track
#              your progress.
#
#              This course requires some knowledge of HTML, CSS and Javascript 
#              and a minimum degree of comfort with using your computer's terminal

This file has been truncated. show original

おそらく、ページがレンダリングされたときにトリガーされるフロントエンドイベントを使用する必要があります。コースの最初のJavaScriptユニットに到達すると、その例がいくつかあります。

github.com/pavilionedu/discourse-theme-javascript-one

javascripts/discourse/initializers/theme-javascript.js

main


      
          export default {
            name: "theme-javascript-initializer",
            initialize() {
              withPluginApi("0.8.30", api => {
          
              });
            }
          };
          /* /learning_step */
          
          /* learning_step
          * unit:        discourse_theme_development.6
          * number:      6
          * title:       Using the client-side event bus.
          * description: Now that we're loading our external javascript when Discourse is
          *              initialized, and we've made it interact with page changes, the
          *              next step is to make it interact with other events in the Discourse
          *              client. Here we can use the Discourse client-side event bus.
          *
          *              In the plugin-api.js file, find the api method ``onAppEvent``.
          *              This is the wrapper we can use to register callbacks when specific

トピック		返信	表示
Disable or bypass feature detect for Googlebot (while serving JS app to crawlers) Product Support unsupported-install	7	3598	2022 年 6 月 14 日
Defer javascript and show interim content on initial page load Development	19	3043	2022 年 7 月 5 日
[Paid work] Allow search engines to crawl the production JS-version Marketplace	5	1070	2022 年 4 月 4 日
Googlebot is getting non-javascript version of the site Development	16	1807	2024 年 3 月 9 日
Broken crawler view when you disable Javascript Feature	1	711	2022 年 5 月 9 日

インスタンスに「window.prerenderReady」を実装する必要があります[有料案件]

関連トピック